Hvordan bruke CSS til å endre skrifter på nettsider

Angi skrifttypen for bestemte ord, avsnitt eller hele nettsider

Enkle stilalternativer lar deg endre en nettsides skrift ved hjelp av Cascading Style Sheets. Bruk CSS til å angi fonten til individuelle ord, spesifikke setninger, overskrifter, hele avsnitt og til og med hele sider med tekst.

Skjermbildene nedenfor gjelder for JSFiddle.net-kodelekeplassen, men konseptene som er beskrevet er sanne uansett hvor koden din er implementert.

Derek Abella / Lifewire

Hvordan endre skrifttypen med CSS

Lage HTML og CSS-endringer forklart nedenfor ved å bruke en hvilken som helst HTML-editor eller tekstredigerer.

1. Finn teksten der du vil endre skrifttypen. Vi bruker dette som et eksempel:

   
   
   |_+_|

2. Omgi teksten med SPAN-elementet:

   |_+_|

3. Legg til attributtet > til span-taggen:

   |_+_|

4. I stilattributtet endrer du fonten ved å bruke font-familie stil.

   |_+_|

   Jon Fisher

   
   
   

5. Lagre endringene for å se effektene.

Tips for bruk av CSS for å endre skrift

1. Den beste tilnærmingen er å alltid ha minst to fonter i din fontstabel (listen over fonter), slik at hvis nettleseren ikke har den første fonten, kan den bruke den andre fonten i stedet.

   
   
   

   Skill flere fontvalg med komma, slik:

   |_+_|

2. Eksemplet skissert ovenfor bruker inline styling, men det beste slags styling bruker en eksternt stilark å endre mer enn bare ett element. Bruk en klasse til å angi stilen på tekstblokker.

   
   
   |_+_|

   Denne teksten er i Arial

   I dette eksemplet vil CSS-filen for å style HTML-en ovenfor vises som følger:

   |_+_|

   Jon Fisher

   
   
   

3. Avslutt alltid CSS-stiler med semikolon (;). Det er ikke nødvendig når det bare er én stil, men det er en god vane å begynne.