Web Safe skrifter i CSS | Forklart

Web Safe skrifter i CSS | Forklart
Fonter fungerer som varemerker for ethvert nettsted, da disse skriftene gir et fantastisk visuelt utseende til ethvert nettsted. Det er alltid et utsikter til at skriftene som fungerer praktfullt på en plattform/enhet kanskje ikke er effektive for andre plattformer. Derfor er nettsikre skrifter alltid utviklerens førstevalg.

Fontene som er tilgjengelige for nesten alle enhetene, og støttes av de fleste nettlesere blir referert til som websikre skrifter. Disse skriftene er globalt installert på alle nettlesere og enheter. Denne oppskrivningen vil presentere noen bemerkelsesverdige nettsikre skrifter sammen med sine generiske skriftfamilier:

  • Serif (Times New Roman, Georgia)
  • Sans serif (Arial, Calibri, Helvetica)
  • Kursiv (Script MT)
  • Monospace (Kurer)

Så la oss starte!

Serif

Fontene som tilhører serif -familien har bittesmå dekorative slag i utkanten av bokstaven.

Times New Roman

En ekstremt populær font som tilhører serif -familien og brukes som den primære skrifttypen for Windows -applikasjoner. Det brukes ofte i forskningsoppgaven, artikler og trykte medier som aviser.

Eksempel

Det undergitte utdraget lar deg forstå hvordan du bruker Times New Roman Font i HTML/CSS

Html

Et eksempel på ganger nye romerske skrifter

CSS

P
Font-Family: 'Times New Roman', Serif;

Følgende vil være den resulterende utgangen for ovennevnte utdrag:

Georgia

Det er en stilig skrift som tilhører serif -familien og er veldig lesbar i forskjellige skriftstørrelser, så ansett som det perfekte alternativet for responsive mobile design:

Html

Et eksempel på Georgia -skrifter

CSS

P
Font-Family: Georgia, Serif;

Ovennevnte kodebit viser følgende utdata:

Sans serif

I motsetning til serif -skrifter, har de ikke noe hjerneslag i stedet for disse skriftene er vanlige bokstaver. San-serif-skrifter anses som lett lesbare skrifter sammenlignet med noen annen skriftfamilie.

Arial

Arial -skriftene og deres familiemedlemmer regnes som de sikreste nettfontene, og grunnen bak er veldig enkel jeg.e. Arial -skriftene er lett tilgjengelige på alle plattformene/operativsystemene.

Eksempel

Tenk på det undergitte kodestykket som beskriver hvordan Arial-skrifter ser ut:

Html

Et eksempel på ariale skrifter

CSS

P
Font-Family: Arial, Sans-Serif;

I koden ovenfor skriver vi “San-serif” som fallbacken fordi ingen skrift er hundre prosent websikker. Følgende vil være resultatet for ovennevnte kode:

Helvetica

Det er en av de mest brukte skriftene som tilhører Sans-serif-familien. Det regnes som den kommersielle skrifttypen, og den er veldig populær blant designere:

Html

Et eksempel på Helvetica -skrifter

CSS

P
Font-Family: Helvetica, Sans-serif;

Overgitt utdrag viser følgende resultat:

Calibri

Det er standard Microsoft -font siden utgivelsen av MS Office 2007 og har et veldig elegant utseende.

Html

LT; P> Et eksempel på Calibri -skrifter

CSS

P
Font-Family: Calibri, Sans-serif;

Ovennevnte kodebit gir følgende resultat:

Skript Mt

Det er en av de mest populære skriftene i den kursive familien og ligner veldig på den menneskelige håndskriften

Html

Et eksempel på skript MT -skrifter

CSS

P
Font-Family: 'Script MT', Cursive;

Utgangen fra ovennevnte kodebit vil vises slik:

Courier Ny

Det er en veldig ofte brukt font fra monospace -familien som for det meste brukes til å vise programmeringskodene og i tillegg til denne mest e -postene som brukes Courier Ny som standardfont.

Html

Et eksempel på skript MT -skrifter

CSS

P
Font-Family: 'Courier New', Monospace;

Ovennevnte utdrag genererer følgende utgang:

Konklusjon

Nettsikre skrifter er universelt installerte skrifter og kan vises trygt på hvilken som helst enhet. Det er mange websikre skrifter fra Sans-serif, serif, monospace og kursive familier tilgjengelig på nesten alle enheter. I denne artikkelen har vi lært om noen mye brukte nettsikre skrifter og utført noen praktisk implementering av disse skriftene på forskjellige felt.