Sådan bruges CSS til at ændre skrifttyper på websider

click fraud protection

Skærmbillederne nedenfor gælder for JSFiddle.net-kodepladsen, men de begreber, der er beskrevet, er sande, uanset hvor din kode er implementeret.

Find teksten, hvor du vil ændre skrifttypen. Vi bruger dette som et eksempel:

Skift skrifttypen inden for stilattributten ved hjælp af font-familie stil.

Gem ændringerne for at se effekterne.

Den bedste tilgang er altid at have mindst to skrifttyper i din skrifttypestak (listen over skrifttyper), så hvis browseren ikke har den første skrifttype, kan den bruge den anden skrifttype i stedet.

Eksemplet beskrevet ovenfor bruger inline styling, men det bedste slags styling bruger en eksternt stilark for at ændre mere end bare det ene element. Brug en klasse til at indstille stilen på tekstblokke.

Afslut altid CSS-stilarter med semikolon (;). Det kræves ikke, når der kun er en stil, men det er en god vane at starte.

Format

mlaapachicago

Din henvisning

Kyrnin, Jennifer. "Sådan bruges CSS til at ændre skrifttyper på websider." ThoughtCo, maj. 25, 2021, thoughtco.com/change-fonts-using-css-3464229.

instagram viewer
Kyrnin, Jennifer. (2021, 25. maj). Sådan bruges CSS til at ændre skrifttyper på websider. Hentet fra https://www.thoughtco.com/change-fonts-using-css-3464229Kyrnin, Jennifer. "Sådan bruges CSS til at ændre skrifttyper på websider." ThoughtCo. https://www.thoughtco.com/change-fonts-using-css-3464229 (adgang 23. juni 2021).

instagram story viewer