Teraz, gdy walczyliśmy z uzyskaniem odpowiedniej treści na stronie głównej Almanachu, możemy zagłębić się w rzeczywistą stylizację za pomocą CSS.
Zdecydowaliśmy się na użycie czcionki pisma ręcznego dla niektórych elementów tego projektu. Przeglądamy niektóre czcionki na Dafont i ostatecznie pobieramy Shadows Into Light. Pobrany plik zawiera czcionkę w formacie, który będzie działać na pulpicie, ale nie wszystkie formaty wymagane dla @ font-face. Więc przepuszczamy to przez Font Squirrel.
Przenosimy czcionki do naszej struktury katalogów tam, gdzie powinny. Następnie kopiujemy i przenosimy składnię @ font-face z innego miejsca w projekcie do naszego specyficznego dla Almanachu CSS i zmieniamy nazwy czcionek i rzeczy.
Resztę czasu spędzamy na szturchaniu i popychaniu CSS, poprawiając układ, ustawiając kolory i tak dalej. Właściwie to całkiem fajne, ciekawe wyzwanie CSS, aby wszystko poprawnie rozłożyć. W końcu mamy bardzo małą kontrolę nad wyjściem HTML. To tylko zagnieżdżone listy. Musimy więc odpowiednio ukierunkować i przesunąć elementy, aby uzyskać dokładny układ, jaki wyobraziliśmy sobie w Photoshopie.
