Nyní, když jsme bojovali se získáváním správného obsahu na domovské stránce Almanachu, můžeme se ponořit do nějakého skutečného stylu s CSS.
U některých kousků tohoto designu jsme se rozhodli použít rukopisné písmo. Procházíme některá písma na Dafontu a nakonec stahujeme Shadows Into Light. Ke stažení je dodáváno písmo ve formátu, který bude fungovat na ploše, ale ne všechny formáty potřebné pro @ font-face. Spustili jsme to přes Font Squirrel.
Přesuneme písma do naší adresářové struktury, kde mají být. Potom zkopírujeme a vložíme syntaxi @ font-face z jiných částí projektu do našeho CSS specifického pro Almanach a změníme názvy písem a podobně.
Zbytek času věnujeme zkoumání a podněcování k CSS, abychom dosáhli správného rozvržení, nastavení barev a co jiného. Ve skutečnosti je to docela zábavná zajímavá výzva CSS, jak to všechno správně rozložit. Koneckonců, máme velmi malou kontrolu nad výstupem HTML. Jsou to jen vnořené seznamy. Abychom dostali přesné rozvržení, jaké jsme si představovali ve Photoshopu, musíme věci správně zacílit a plavat.
