Kaip naudoti CSS norint pakeisti šriftus tinklalapiuose

Nustatykite konkrečių žodžių, pastraipų ar visų tinklalapių šriftą

Paprastos stiliaus parinktys leidžia pakeisti tinklalapio šriftą naudojant pakopinius stiliaus lapus. Naudokite CSS, kad nustatytumėte atskirų žodžių, konkrečių sakinių, antraščių, ištisų pastraipų ir net ištisų teksto puslapių šriftą.

Toliau pateiktos ekrano kopijos taikomos JSFiddle.net kodo žaidimų aikštelei, tačiau aprašytos sąvokos yra teisingos, nesvarbu, kur jūsų kodas yra įdiegtas.

Derekas Abella / Lifewire

Kaip pakeisti šriftą naudojant CSS

Padaryti HTML ir CSS pakeitimai, paaiškinti toliau naudojant bet kurį HTML arba teksto rengyklę.

1. Raskite tekstą, kuriame norite pakeisti šriftą. Mes naudosime tai kaip pavyzdį:

   
   
   |_+_|

2. Apsupkite tekstą elementu SPAN:

   |_+_|

3. Pridėkite atributą > į span žymą:

   |_+_|

4. Stiliaus atribute pakeiskite šriftą naudodami šrifto šeima stilius.

   |_+_|

   Jonas Fišeris

   
   
   

5. Išsaugokite pakeitimus, kad pamatytumėte efektus.

Patarimai, kaip naudoti CSS norint pakeisti šriftą

1. Geriausias būdas yra visada turėti bent du šriftus šriftų krūva (šriftų sąrašas), kad jei naršyklė neturi pirmojo šrifto, ji galėtų naudoti antrąjį šriftą.

   
   
   

   Atskirkite kelis šrifto pasirinkimus kableliais, pavyzdžiui:

   |_+_|

2. Aukščiau pateiktame pavyzdyje naudojamas tiesioginis stilius, bet geriausias stiliaus rūšis naudoja an išorinis stiliaus lapas keisti ne tik vieną elementą. Norėdami nustatyti teksto blokų stilių, naudokite klasę.

   
   
   |_+_|

   Šis tekstas yra Arial

   Šiame pavyzdyje CSS failas, skirtas aukščiau nurodytam HTML stiliui, atrodys taip:

   |_+_|

   Jonas Fišeris

   
   
   

3. Visada užbaikite CSS stilius kabliataškiu (;). Tai nėra būtina, kai yra tik vienas stilius, bet tai yra geras įprotis pradėti.