Hvordan velge en websikker skrifttype for funksjonalitet i CSS3 - dummies

Det finnes ingen websikker skrifttype for alle plattformer, med mindre du vil bruke de mest generiske skrifttypene i CSS3. Utviklere ønsker å opprettholde et bestemt utseende, så det er viktig å inkludere bestemte skrifttyper først, og deretter nedboksfonter som er mindre spesifikke. Ved å bruke denne tilnærmingen sikrer at alle vil kunne se siden som du opprinnelig hadde tenkt å presentere den, i hvert fall til en viss grad.

Når du arbeider med en generisk skrift, vil utseendet variere litt. Med dette i bakhodet er det en liste over websikker serif skrifter (hvis tegn bruker en linje for å fullføre hovedstreken til hvert tegn, for eksempel linjene som vises under hovedlinjene til en M); Den mest spesifikke skrifttypen vises først, og den minst spesifiserte skrifttypen vises sist.

,

" Book Antiqua " , Palatino, serif " Times New Roman "Times, serif Hver av disse skriftene har en litt annen følelse, men noen ganger er det beste du kan gjøre med en enkel serif font - det siste valget i hver liste. Følgende liste beskriver vanlige

sans

- serif skrifter (de hvis tegn mangler serifs). Igjen vises den mest spesifikke skrifttypen først og minst spesifikt vises sist. ,

• Helvetica, sans-serif "Arial Black" Gadget, sans-serif

• "Comic Sans MS" , < cursive, sans-serif

• Påvirkning Charcoal, sans-serif "Lucida Sans Unicode"

• "Lucida Grande", sans-serif Tahoma

• Genève, sans-serif "Trebuchet MS"

• Helvetica, sans-serif

• Verdana Genève, sans-serif Den siste gruppen av skrifttyper er for monospace-type, hvor hvert brev tar opp nøyaktig samme mengde plass (som gjorde produksjonen fra eldre skrivemaskiner). Monospace-skrifttyper brukes vanligvis til brukskode, men du kan bruke dem hvor som helst du vil lage utseendet til den maskinskrivne siden også. Følgende liste presenterer vanlige monospace skrifttyper med det mest spesifikke første og minst spesifikt siste.

  "Courier New"

• Courier, monospace

"Lucida Console" Monaco, monospace

• Dette er vanlige skrifter. Du kan imidlertid finne ut at du vil bruke noe litt mindre vanlig. Heldigvis finnes det nettsteder hvor du kan se lister over godkjente skrifter. Faktisk gjør CSS Font Stack det enkelt å velge en skrift ved å se hvordan det ser først ut og deretter klikke på en enkelt knapp for å kopiere den nødvendige koden til utklippstavlen. For eksempel, når du klikker på Arial på dette nettstedet, er det som du faktisk får, skriftfamilie: Arial, "Helvetica Neue", Helvetica, sans-serif.