Acum, că ne-am luptat pentru a obține conținutul adecvat pe pagina de pornire a Almanahului, putem să aprofundăm un stil real cu CSS.
Am decis să mergem cu un font de scriere de mână pentru câteva fragmente din acest design. Răsfoim câteva fonturi de pe Dafont și ajungem să descărcăm Shadows Into Light. Descărcarea vine cu fontul într-un format care va funcționa pe desktop, dar nu toate formatele necesare pentru @ font-face. Deci, îl rulăm prin Font Squirrel.
Mutăm fonturile în structura noastră de directoare acolo unde ar trebui să fie. Apoi copiem și trecem sintaxa @ font-face din alte părți ale proiectului în CSS-ul nostru specific almanahului și schimbăm numele fonturilor și al altor elemente.
Petrecem restul timpului scotocind și împingând CSS-ul obținând aspectul corect, setând culorile și ce nu. De fapt, este o provocare destul de distractivă, o CSS interesantă, pentru a rezolva totul corect. La urma urmei, avem foarte puțin control asupra ieșirii HTML. Este doar liste imbricate. Deci, trebuie să țintim și să plutim lucrurile corect pentru a obține aspectul exact pe care l-am imaginat în Photoshop.
