Hvordan man vælger den bedste skrifttype i CSS3 - dummies

Tekst, som en abstrakt præsentation af konkrete begreber, ideer og objekter, kræver skrifttyper til præsentation. Skrifttypen, der vælges i CSS3 til teksten, gør ofte så meget at formidle en idé som selve teksten. Brug lidt tid på at se lykønskningskort, og du finder ud af, at udbyderne af disse missiver bruger skrifttyper til at præsentere budskabet på unikke måder.

En blød skrifttype ledsager en romantisk besked; en komisk skrifttype hjælper os med at grine med en sjov besked. Du kan finde online kilder som Onextrapixel, der ser på psykologien bagved ved hjælp af en skrifttype. Følgende liste hjælper dig med at forstå de standard CSS-egenskaber til din rådighed for at få adgang til skrifttyper og bruge dem på en side (på dine egne sider skal du sørge for at bruge den viste kapitalisering):

• skrifttype-familie : Definerer navnet på skrifttypen. Der er tre skrifttypeklassifikationer, der typisk bruges som en del af CSS (og de fleste CSS-sider bruger alle tre, medmindre du også angiver egenskaben src ):

  • Specifik: Giver en præcis præsentation, hvor den er brugt. For eksempel, når du angiver Arial som en skrifttype, ved du, at den vil have en bestemt præsentation overalt, hvor du bruger den. En specifik skrifttype skal installeres på et system, eller browseren ignorerer det.

  • Websikker: Dette er en skrifttype, der giver en mindre præcis præsentation, men som mere sandsynligt vises på brugerens maskine. Hvad du faktisk anmoder om, er en af ​​flere skrifttyper, der har lignende udseende. Præsentationen er ofte tæt nok på originalen, som brugeren ikke engang vil se.

  • Generisk: En ikke-specifik skrifttype, der passer til en generel beskrivelse af en type skrifttype. Sådanne skrifttypenavne omfatter cursive, fantasy, monospace, sans-serif og serif. Hvad du rent faktisk kommer til at se på skærmen, kan muligvis ikke formidle meget af den oprindelige besked, men disse valg er garanteret at fungere på alle platforme.

• skriftstørrelse : Bestemmer skriftstørrelsen i forhold til andre skrifttyper på siden eller giver en bestemt skriftstørrelse. Du kan bruge en af ​​disse teknikker til at definere skriftstørrelsen:

  • Specifik størrelse: Som med de fleste CSS-objekter kan du angive en nøjagtig størrelse for en skrifttype ved hjælp af pixels, ems eller en anden absolut eller relativ måling.

  • Procentdel: Definerer størrelsen på en skrifttype som en procentdel af et forældreelements skriftstørrelse. Hvis du angiver en størrelse over 100%, øges skriftstørrelsen, idet en værdi angives under 100%, formindskes skriftstørrelsen.

  • Nøgleord: Angiver skriftstørrelsen ved hjælp af relative udtryk: xx-lille, x-lille, lille, mellemt, stort, x-stort, xx-stort, mindre, større og arve (hvor skrifttypestørrelsen er arvet fra forældrene).

• skrifttypestil : Bestemmer den skrifttype, som browseren opretter. Browseren skal understøtte stilen, og skrifttypen skal levere stilen for at denne ejendom skal træde i kraft. Skrifttypestilordene er: normal , kursiv , skråt (normalt en stærkere kursiv) og arve .

• skrifttypevariant : Angiver, om skrifttypen skal præsenteres i en variantformular. Ikke alle browsere og skrifttyper understøtter denne funktion. Søgeordene for denne egenskab er normale , small-caps og arve .

• skrifttype-vægt : Bestemmer det relative mørke i skrifttypen og bredden af ​​dets streger. Der er to metoder til at definere skrifttypens vægt:

  • Numerisk: En værdi, der angiver den relative vægt af skrifttypen, hvor en værdi på 400 er normal og 700 er fed. De numeriske værdier er: 100, 200, 300, 400, 500, 600, 700, 800 og 900. I de fleste tilfælde skal du bruge tallene præcist som angivet her - en browser kan ignorere en værdi på 150.

  • Søgeord: Angiver skrifttypens vægt ved hjælp af relative udtryk: normal, fed, dybere, lettere og arve.