Тепер, коли ми боролися з тим, щоб отримати належний вміст на домашній сторінці Альманаху, ми можемо розібратися в деяких фактичних стилях за допомогою CSS.
Ми вирішили скористатися рукописним шрифтом для деяких бітів цього дизайну. Ми переглядаємо деякі шрифти на Dafont і в кінцевому підсумку завантажуємо Shadows Into Light. Завантажується шрифт у форматі, який буде працювати на робочому столі, але не у всіх форматах, необхідних для @ font-face. Отже, ми запускаємо це через Font Squirrel.
Ми переміщуємо шрифти до нашої структури каталогів там, де вони повинні бути. Потім ми копіюємо та вставляємо синтаксис @ font-face з інших місць у проект в наш CSS, що відповідає альманаху, і міняємо назви шрифтів та ін.
Ми проводимо решту часу, тикаючи і підштовхуючи CSS, щоб правильно розкласти, встановити кольори та інше. Насправді це досить весело, цікавий виклик CSS, якщо все правильно викласти. Зрештою, ми дуже мало контролюємо вихід HTML. Це просто вкладені списки. Отже, ми маємо націлювати та розміщувати речі саме так, щоб отримати точний макет, який ми передбачали у Photoshop.
