Nå som vi har kjempet oss for å få riktig innhold på hjemmesiden til Almanac, kan vi grave i noen faktisk styling med CSS.
Vi bestemte oss for å bruke håndskrift til noen biter av dette designet. Vi blar gjennom noen skrifttyper på Dafont, og ender med å laste ned Shadows Into Light. Nedlastingen kommer med skriften i et format som fungerer på skrivebordet, men ikke alle formatene som trengs for @ font-face. Så vi kjører det gjennom Font Squirrel.
Vi flytter skriftene inn i katalogstrukturen der de skal være. Deretter kopierer vi og pase @ font-face-syntaksen fra andre steder i prosjektet til vår Almanac-spesifikke CSS og endrer navnene på skriftene og tingene.
Vi bruker resten av tiden på å peke og peke på CSS for å få oppsettet riktig, sette farger og hva som helst. Det er faktisk ganske morsomt, en interessant CSS-utfordring å få det lagt riktig ut. Tross alt har vi veldig liten kontroll over HTML-utdata. Det er bare nestede lister. Så vi må målrette og flyte ting helt riktig for å få den nøyaktige utformingen vi så for oss i Photoshop.
