# 100: Almanac Styling, 1. dio - CSS-trikovi

Sadržaj

Sad kad smo se borili za dobivanje odgovarajućeg sadržaja na početnoj stranici Almanaha, možemo istražiti neki stvarni stil s CSS-om.

Odlučili smo se za fontove rukopisa za neke dijelove ovog dizajna. Pregledavamo neke fontove na Dafontu i na kraju preuzimamo Shadows Into Light. Preuzimanje dolazi sa fontom u formatu koji će raditi na radnoj površini, ali ne i svim formatima potrebnim za @ font-face. Dakle, provukli smo kroz Font Squirrel.

Premještamo fontove u našu strukturu direktorija tamo gdje bi trebali biti. Zatim sintaksu @ font-face kopiramo i paziramo s bilo kojeg mjesta u projektu u naš CSS specifičan za Almanac i mijenjamo imena fontova i ostalog.

Ostatak vremena provodimo u bockanju i podsticanju CSS-a kako bismo popravili izgled, postavili boje i ostalo. Zapravo je prilično zabavno, zanimljiv CSS izazov je sve pravilno postaviti. Napokon, imamo vrlo malo kontrole nad HTML izlazom. To su samo ugniježđeni popisi. Stoga moramo ciljati i plutati po stvarima kako bismo dobili točan izgled koji smo zamislili u Photoshopu.

Zanimljivi članci...