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