Jeste li pogledali vrlo staru web stranicu i vidjeli neobičnu oznaku unutar HTML-a ? Prije mnogo godina, web dizajneri bi zapravo postavili fontove svojih web stranica unutar samog HTML- a, ali razdvajanje strukture (HTML) i stila (CSS) je odstranilo s ovom praksom prije nekog vremena.
U web dizajnu danas je oznaka odbacena. To znači da oznaka više nije dio HTML specifikacije. Dok su neki preglednici još uvijek podržali ovu oznaku nakon što je obustavljen, u HTML5 se više ne podržava, što je najnovija iteracija jezika. To znači da se oznaka više ne bi smjela pronaći u vašim HTML dokumentima.
Alternativna oznaka fonta
Ako ne možete postaviti font teksta unutar HTML stranice s oznakom, što biste trebali koristiti? Kaskadni stilski listovi (CSS) predstavljaju kako postavljate stilove fonta (i sve vizualne stilove) na web stranicama. CSS može učiniti sve iste stvari koje oznaka može učiniti, plus još mnogo toga. Pogledajmo što bi oznaka mogla učiniti kada bi bila opcija za naše HTML stranice (zapamtite, više nije podržano, stoga nije opcija) i usporediti kako to učiniti s CSS-om.
Promjena obitelji fonta
Lice fonta je lice ili obitelj fonta. Pomoću oznake za fontove koristite atribut "lice" i trebali biste to postaviti tijekom dokumenta mnogo puta, da biste pojedinačni fontovi postavili za svaki odjeljak teksta. Ako biste trebali napraviti veliku promjenu tog fontova, morali biste promijeniti svaku od tih pojedinačnih oznaka. Na primjer:
ovaj font nije sans-serifU CSS umjesto fontova "face", to se zove font "obitelj". Napišite CSS stil koji bi postavio font. Na primjer, ako želite postaviti cijeli tekst na stranicu Garamondu, možete dodati taj vizualni stil ovako:
tijelo {font-family: Garamond, Times, serif; }Ovaj CSS stil primjenjivat će obitelj fontova Garamond na sve na web stranici jer svaki element u dokumentu je potomak
Promjena boje slova
Kao i kod lica, koristite "color" atribut i heksadecimalne kodove ili imena boja za promjenu boje teksta. Prije mnogo godina biste također postavili ovo pojedinačno na elemente teksta, poput zaglavlja.
ovaj font je ljubičastaDanas biste upravo napisali liniju CSS-a.
To je mnogo fleksibilnije. Ako ste trebali promijeniti
na svakoj stranici vaše web-lokacije, možete napraviti jednu promjenu u CSS datoteci i svaka stranica koja koristi tu datoteku će biti ažurirana.
Izvan sa starim
Korištenje CSS-a za diktiranje vizualnih stilova dugi niz godina je standard dizajner web-stranica, pa ako doista gledate stranicu koja još uvijek upotrebljava oznaku, onda je to vrlo stara stranica i treba ga ponovno razviti kako bi se prilagodila trenutačnom webu najbolje prakse izrade i moderni web standardi.
Uredio je Jeremy Girard