Hvordan velge den beste skrifttypen i CSS3 - dummies

Tekst, som en abstrakt presentasjon av konkrete begreper, ideer og objekter, krever fonter for presentasjon. Skriften som er valgt i CSS3 for teksten, gjør ofte så mye å formidle en ide som selve teksten. Tilbring litt tid på å se på gratulasjonskort, og du finner ut at lærerne til disse missivene bruker skrifttyper til å presentere meldingen på unike måter.

En myk skrift følger med en romantisk melding; en komisk skrifttype hjelper oss å le av en morsom melding. Du kan finne elektroniske kilder som Onextrapixel som ser på psykologien bak ved hjelp av en skrift. Følgende liste hjelper deg med å forstå standard CSS-egenskaper til din disposisjon for å få tilgang til skrifttyper og bruke dem på en side (på dine egne sider, sørg for at du bruker den viste kapitaliseringen):

• font-familie : Definerer navnet på skrifttypen. Det er tre skrifttypeklassifikasjoner som vanligvis brukes som en del av CSS (og de fleste CSS-sider bruker alle tre med mindre du spesifiserer egenskapen src ):

  • Spesifikke: Gir en presis presentasjon hvor den er brukt. For eksempel, når du angir Arial som en skrifttype, vet du at den vil ha en bestemt presentasjon overalt hvor du bruker den. En bestemt skrift må installeres på et system, eller nettleseren vil ignorere den.

  • Nettsikker: Dette er en skrifttype som gir en mindre presis presentasjon, men er mer sannsynlig å vises på brukerens maskin. Det du faktisk ber om, er en av flere skrifter som har lignende utseende. Presentasjonen er ofte nær nok til originalen som brukeren ikke engang vil legge merke til.

  • Generisk: En ikke-spesifikk skrift som passer til en generell beskrivelse av en type skrift. Slike skrifttypenavn inkluderer kursiv, fantasi, monospace, sans-serif og serif. Det du egentlig ikke ser på skjermen, kan ikke formidle mye av den opprinnelige meldingen i det hele tatt, men disse valgene er garantert å fungere på alle plattformer.

• skriftstørrelse : Bestemmer skriftstørrelsen i forhold til andre skrifttyper på siden, eller gir en bestemt skriftstørrelse. Du kan bruke en av disse teknikkene for å definere skriftstørrelsen:

  • Spesifikk størrelse: Som med de fleste CSS-objekter kan du angi en eksakt størrelse for en skrift, ved hjelp av piksler, ems eller noen annen absolutt eller relativ måling.

  • Prosentandel: Definerer størrelsen på en skrift som en prosentandel av et opprinnelseselementets skriftstørrelse. Angi en størrelse over 100% øker skriftstørrelsen, og angir en verdi under 100% reduserer skriftstørrelsen.

  • Søkeord: Angir skriftstørrelsen ved hjelp av relative uttrykk: xx-små, x-små, små, mellomstore, store, x-store, xx-store, mindre, større og arve (hvor skriftstørrelsen er arvet fra foreldrene).

• font-stil : Bestemmer stilen på skrift som nettleseren oppretter. Nettleseren må støtte stilen, og skrifttypen må levere stilen for at denne egenskapen skal tre i kraft. Skrifttypestilsøkeordene er: normalt , kursiv , skråt (normalt en sterkere kursiv) og arve .

• fontvariant : Angir om skrifttypen skal presenteres i en variantform. Ikke alle nettlesere og skrifter støtter denne funksjonen. Søkeordene for denne egenskapen er normal , småkapsler og arve .

• skriftvekt : Bestemmer det relative mørket i skrifttypen og bredden av strekkene. Det er to metoder for å definere skriftvekten:

  • Numerisk: En verdi som angir den relative vekten på skrifttypen der verdien av 400 er normal og 700 er fet. De numeriske verdiene er: 100, 200, 300, 400, 500, 600, 700, 800 og 900. I de fleste tilfeller må du bruke tallene nøyaktig som angitt her - en nettleser kan overse en verdi på 150.

  • Søkeord: Angir skriftvekten ved hjelp av relative uttrykk: normal, fet, dristigere, lettere og arve.