Hvordan importere Google Web Font i CSS?

I nettutvikling gir riktig bruk av fontstyling et attraktivt utseende til applikasjonen. Disse skriftstilene gir visuelle ledetråder om dokumentets leseordre. For eksempel må dokumentoverskriften fontstil være dristig og betydelig fra andre. Stylingen er også med på å skille viktig innhold fra andre.

Læringsutbyttet til denne artikkelen er:

• Hva er Google Web Fonts?
• Hvordan importere Google -skrifter i HTML?
• Hvordan bruke Google -skrifter i CSS -fil?

Hva er Google Web Fonts?

Google Web Font er et open source-bibliotek som inneholder hundrevis av skriftstiler eller familier. Det gir også APIer som hjelper oss å bruke nettfonter med Android og CSS. Google -skrifter er mye lettere enn andre fontbiblioteker og tilgjengelig gratis for forretningsbruk. Disse er lettere å implementere på ethvert nettsted.

Som standard tilbyr CSS fantasi, serif, sans serif, cursive og monospace font stiler. Google -skrifter kan brukes hvis du vil bruke noen andre skriftstiler.

Hvordan importere Google -skrifter i HTML?

For å bruke Google -skrifter på en HTML -side, gå gjennom følgende trinn.

Trinn 1: Velg Font -familien

Åpne først Google Fonts offisielle nettsted og velg den skriften du liker. For eksempel har vi valgt "Hummer to”Font-Family:

Trinn 2: Velg stilene

Neste, bla nedover for å se listen over stiler. Legg dem til samlingen din ved å klikke på “+”Sign:

Trinn 3: Se utvalgte familier

For å se de valgte familiene, klikk på ikonet som er uthevet nedenfor:

Trinn 4: Kopier lenke til innebygd i HTML

Etter det, bla nedover og kopier lenken til font-familie ved å bruke uthevet “Kopiere" ikon:

Hvordan bruke Google -skrifter i CSS -filen?

For å bruke kopien av Google -skrifter i CSS for styling, gå gjennom de gitte eksemplene.

Eksempel 1

Inkluderer en "

“Det beste opplæringsnettstedet”