Ako používať CSS na zmenu písma na webových stránkach

Nastavte písmo pre konkrétne slová, odseky alebo celé webové stránky

Jednoduché možnosti štýlu vám umožňujú zmeniť písmo webovej stránky pomocou kaskádových štýlov. Pomocou CSS nastavte typ písma jednotlivých slov, konkrétnych viet, nadpisov, celých odsekov a dokonca aj celých strán textu.

Snímky obrazovky nižšie sa vzťahujú na ihrisko s kódom JSFiddle.net, ale opísané koncepty sú pravdivé bez ohľadu na to, kde je váš kód implementovaný.

Derek Abella / Lifewire

Ako zmeniť písmo pomocou CSS

Urobiť HTML a zmeny CSS vysvetlené nižšie pomocou ľubovoľného editora HTML alebo textového editora.

1. Nájdite text, kde chcete zmeniť písmo. Ako príklad použijeme toto:

   
   
   |_+_|

2. Obklopte text prvkom SPAN:

   |_+_|

3. Pridajte atribút > na značku span:

   |_+_|

4. V rámci atribútu style zmeňte písmo pomocou font-family štýl.

   |_+_|

   Jon Fisher

   
   
   

5. Uložte zmeny, aby ste videli efekty.

Tipy na používanie CSS na zmenu písma

1. Najlepším prístupom je mať v sebe vždy aspoň dva fonty zásobník písiem (zoznam písiem), takže ak prehliadač nemá prvé písmo, môže namiesto neho použiť druhé písmo.

   
   
   

   Viaceré možnosti písma oddeľte čiarkou, napríklad takto:

   |_+_|

2. V príklade uvedenom vyššie sa používa vložený štýl, ale ten najlepší druh stylingu používa an externý štýlový list upraviť viac ako len jeden prvok. Na nastavenie štýlu blokov textu použite triedu.

   
   
   |_+_|

   Tento text je v jazyku Arial

   V tomto príklade by súbor CSS na úpravu vyššie uvedeného HTML vyzeral takto:

   |_+_|

   Jon Fisher

   
   
   

3. Štýly CSS vždy ukončujte bodkočiarkou (;). Nevyžaduje sa, keď existuje len jeden štýl, ale je dobrým zvykom začať.