CSS tilbyr forskjellige egenskaper til Tilpass skrifttypen Stil på et tekstelement. Fra å endre skriftstørrelse og farge til å stille Fontfamilie, Hver eiendom har sin egen betydning. Tekstformatene påvirker også nettstedets lesbarhet; Derfor er det avgjørende for å gjøre nettstedet ditt tilgjengelig for å velge riktig skrift.

Denne oppskrivningen vil diskutere CSS Font-Family Property ved hjelp av passende eksempler. Så la oss starte!

CSS Font-Family Property

De “Font-Family Property” viser skrifttyper i Prioritetsordre. Fontvalget slutter ikke med den første skrifttypen i brukerens systemets fontliste. I stedet blir fonter valgt ett tegn om gangen, slik at hvis en tilgjengelig skrift mangler en glyf for et nødvendig brev, blir de påfølgende skriftene forsøkt.

Utvalget av fontfamilien påvirkes av egenskapene som tilgjengeligheten av et skrift i noen få stiler, versjoner eller størrelser.

Typer CSS font-familiens navn

Font-Family-egenskapen inneholder en liste over fontfamilier atskilt med komma. CSS font-familiens navn er delt inn i to typer navn:

• Font familieravn: Et skriftlig navn er navnet på skrifttypen. Fontfamilier utgjør navn som "Helvetica”Og“Ganger“. Font-familiens navn kan inneholde hvite rom, så det bør gis i sitater som: “Comic Sans MS”.
• generisk familieravn: Når ingen av de spesifiserte skriftene er tilgjengelige, fungerer generiske skriftfamilier som en Fallback -alternativet. Du trenger ikke å spesifisere det generiske familienavnet i sitater fordi de er nøkkelord, Og listen over fontfamilienavn skal ende med en generisk skriftfamilie.

La oss nå sjekke ut et eksempel på å bruke både slektsnavn og generisk familieravn som font-familiens navn.

Eksempel: CSS Font-Family Property

I det undergitte eksemplet vil vi definere verdien av den første font-familiens egenskap ved å spesifisere “Tid New Roman”Som Font Family-Name, og“Ganger”, Og“Serif”Som generisk familieravn. Mens i den andre font-familiens, “Arial”, “Helvetica,” og “Sans-serif” blir lagt til som generiske familienavn:

Font-Family Property

Det er en "ganger ny romersk" font.

Det er en "arial" font.

Etter å ha lagret den ekstra koden, når du åpner HTML -en i nettleseren, vil den vise skriftstilen til tekstelementene i henhold til de spesifiserte verdiene til font -familienavnet og generisk familienavn:

Vi vil nå demonstrere bruken av forskjellige nøkkelord involvert i den generiske familiekategorien.

CSS serif generisk familie kategori

Glyfene som har ferdige streker eller faktiske serifiserte avslutninger blir referert til som “Serif”. Denne kategorien av generisk familie inkluderer Times New Roman, Georgia, Garamond og mange flere skriftfamilier.

Eksempel: CSS serif generisk familie kategori

Font-Family Property

Det er en "ganger ny romersk" font som tilhører serif fontfamilien.

Produksjon

CSS sans-serif generisk familie kategori

I motsetning til serif, glyfene i sans-serif har vanlige slagavslutninger. For eksempel er Lucida Sans, Open Sans, Arial, Lucida Sans Unicode, Helvetica, Trebuchet MS, Fira Sans inkludert i Sans-Serif generisk familie kategori.

Eksempel: CSS sans-serif generisk familie kategori

Font-Family Property

Det er en "arial" font som tilhører sans-serif fontfamilie.

Produksjon

CSS monospace generisk familie kategori

Alle slike glyfer med en enhetlig og fast bredde Gjennomgående kalles monospace-for eksempel, “Lucida Console”, “Courier New”, “Mono”.

Eksempel: CSS monospace generisk familie kategori

Font-Family Property

Det er en "Lucida" -font som tilhører Monospace Font -familien

Produksjon

CSS Cursive generisk familie kategori

I motsetning til kursiv typiske skrift, kursiv Glyfer har vanligvis funksjoner koble til slag eller andre Kursive egenskaper. Skriften ligner penselskriving eller en håndskrevet penn i stedet for trykt bokstaver. Glyfene er enten sammen med delvis eller helt noen skriftnavn som "Comic Sans MS", og mange andre.

Eksempel: CSS Cursive generisk familie kategori

Font-Family Property

Det er "Comic Sans MS" -font som tilhører den kursive fontfamilien

Produksjon

Vi har samlet den essensielle informasjonen relatert til CSS Font-Family Property. Du kan utforske det ytterligere i henhold til dine preferanser.

Konklusjon

De CSS Font-Family Property brukes til å spesifisere familienavnet på skriften eller teksten. CSS font-familiens navn er delt inn i to typer: “Font familieravn”Og“generisk familieravn”, Hvor skriftlig navn er navnet på skrifttypen, og generiske fontfamilier fungerer som et fallback-alternativ. De CSS Font-Family Property kan ta en liste over fontfamilier som er atskilt med komma. Denne oppskrivningen diskuterte CSS Font-Family Property ved hjelp av passende eksempler.