Nu hvor vi har kæmpet for at få det rette indhold på Almanaks hjemmeside, kan vi grave i noget faktisk styling med CSS.
Vi besluttede at bruge en skrifttype til nogle stykker af dette design. Vi gennemsøger nogle skrifttyper på Dafont og ender med at downloade Shadows Into Light. Downloaden leveres med skrifttypen i et format, der fungerer på skrivebordet, men ikke alle de formater, der er nødvendige for @ font-face. Så vi kører det gennem Font Squirrel.
Vi flytter skrifttyperne ind i vores bibliotekstruktur, hvor de formodes at være. Derefter kopierer og indgår vi @ font-face-syntaksen fra andre steder i projektet i vores Almanac-specifikke CSS og ændrer navnene på skrifttyperne og tingene.
Vi bruger resten af tiden på at pikke og bede CSS om at få layoutet korrekt, indstille farver og hvad der ikke er. Det er faktisk en ret sjov en interessant CSS-udfordring at få det hele lagt korrekt. Når alt kommer til alt har vi meget lidt kontrol over HTML-output. Det er bare indlejrede lister. Så vi er nødt til at målrette og flyde tingene lige lige for at få det nøjagtige layout, vi forestillede os i Photoshop.
