Tagad, kad mēs esam cīnījušies, iegūstot atbilstošu saturu Almanac mājaslapā, mēs varam iedziļināties faktiskajā stilā, izmantojot CSS.
Dažiem šī dizaina gabaliem mēs nolēmām izmantot rokraksta fontu. Mēs pārlūkojam dažus Dafont fontus un galu galā lejupielādējam ēnas gaismā. Lejupielādei tiek piegādāts fonts tādā formātā, kas darbosies uz darbvirsmas, taču ne visi formāti, kas nepieciešami @ font-face. Tātad, mēs palaižam to caur Font Squirrel.
Mēs pārvietojam fontus direktoriju struktūrā, kur tiem vajadzētu būt. Tad mēs kopējam un ielādējam @ font-face sintaksi no jebkuras vietas projektā mūsu Almanac specifiskajā CSS un mainām fontu un citu nosaukumu nosaukumus.
Mēs pavadām atlikušo laiku, bakstot un rosinot CSS, lai iegūtu pareizu izkārtojumu, iestatītu krāsas un vēl neko. Tas faktiski ir diezgan jautri un interesants CSS izaicinājums, lai to visu pareizi izkārtotu. Galu galā mums ir ļoti maza kontrole pār HTML izvadi. Tie ir tikai ligzdoti saraksti. Tāpēc mums ir jākoncentrējas un jāpeld lietas tieši tā, lai iegūtu precīzu izkārtojumu, kādu mēs paredzējām Photoshop.
