# 100: Almanac Styling, Part 1 - Triky CSS

Obsah

Teraz, keď sme bojovali so získavaním správneho obsahu na domovskej stránke Almanachu, môžeme pomocou CSS načrieť do niekoľkých skutočných štýlov.

Pre niektoré kúsky tohto dizajnu sme sa rozhodli ísť s rukopisným písmom. Prechádzame niektoré písma v Dafonte a nakoniec sťahujeme Shadows Into Light. Na stiahnutie sa dodáva písmo vo formáte, ktorý bude fungovať na pracovnej ploche, ale nie všetky formáty potrebné pre @ font-face. Spustili sme to teda cez Font Squirrel.

Písma presunieme do našej adresárovej štruktúry tam, kde majú byť. Potom skopírujeme a vložíme syntax @ font-face z iných častí projektu do nášho CSS špecifického pre Almanach a zmeníme názvy fontov a podobne.

Zvyšok času venujeme hľadaniu a popichovaniu CSS, aby sme dosiahli správne rozloženie, nastavili farby a čo už. Je to vlastne celkom zábavná zaujímavá výzva pre CSS, ktorá zaisťuje správne rozloženie všetkého. Koniec koncov, máme veľmi malú kontrolu nad výstupom HTML. Sú to iba vnorené zoznamy. Aby sme dosiahli presné rozloženie, aké sme si predstavovali vo Photoshope, musíme veci správne zamerať a plávať.

Zaujímavé články...