Paprastos stiliaus parinktys leidžia pakeisti tinklalapio šriftą (arba tipą) naudojant CSS (kaskadinio stiliaus lapus). Galite nustatyti atskirų žodžių šriftą, konkrečius sakinius, antraštes, visas pastraipas ir net visą teksto puslapius.
Kaip pakeisti šriftą su CSS
Galite atlikti toliau nurodytus HTML ir CSS pakeitimus naudodami bet kurį HTML redaktorių arba teksto redaktorių. Galite nukopijuoti tekstą iš puslapio ir įklijuoti jį į redaktorių, kad atliktumėte pakeitimus, arba atidarykite visą tinklalapį redaktoriuje ir redaguokite tiesiogiai.
-
Raskite tekstą, kuriame norite pakeisti šriftą. Mes panaudosime kaip pavyzdį:
Šis tekstas yra Arial
-
Suraskite tekstą su SPAN elementu:
Šis tekstas yra Arial
-
Pridėti atributą stilius = "" iki span tag:
Šis tekstas yra Arial
-
Per stiliaus atributą pakeiskite šriftą naudodami šrifto šeima stilius.
Šis tekstas yra Arial
-
Išsaugokite pakeitimus norėdami pamatyti efektus.
Patarimai, kaip naudoti CSS pakeisti šriftą
-
Geriausias būdas yra turėti bent du šrifto šriftus (šriftų sąrašą), taigi, jei naršyklė neturi pirmojo šrifto, ji gali naudoti antrą šriftą.
Atskirkite kelis šrifto pasirinkimus kableliu, pvz .:
font-family: Arial, Geneva, Helvetica, sans-serif;
-
Pirmiau paaiškintame pavyzdyje naudojamas inline stilius, tačiau geriausio stiliaus stiliaus naudojamas išorinis stiliaus lapas, kad galėtumėte paveikti daugiau nei vieną elementą. Galite naudoti klasę stiliaus nustatymui teksto blokuose.
Šis tekstas yra Arial
Šiame pavyzdyje CSS failas, norint sukurti aukščiau nurodytą HTML, pasirodys taip:
.arial {font-family: Arial; }
-
Visada pabandykite CSS stilius su kabliataškiu (;). Tai nereikalinga, kai yra tik vienas stilius, bet tai yra geras įprotis pradėti.
