CSS property - font-family
Home

CSS property - font-family

CSS property - font-family

Met de eigenschap font-family kun je opgeven welk lettertype op de tekst toegepast moet worden.

Beschrijving

  1. De waarde van die eigenschap is de naam van het lettertype dat je wilt toepassen op de tekst.
  2. Je geeft best een door komma's gescheiden lijst met lettertypen op, zodat de browser een alternatief uit de lijst kan gebruiken als het lettertype van je eerste keus niet geïnstalleerd is.
  3. Op Detect Whether a Font is Installed kan je nagaan of een font door je browser onderteund wordt of niet.
  4. Het is gebruikelijk om te eindigen met een generieke naam voor het soort lettertype: serif of sans-serif.
  5. Als er in de naam van een lettertype spaties voorkomen moet het tussen dubbele aanhalingstekens worden geplaatst.
  6. Top: Ontwerpers zeggen dat pagina’s er het best uitzien als er niet meer dan drie lettertypes op één pagina worden gebruikt.

See the Pen Multimedia - Werken met letters by Jef Inghelbrecht (@jef) on CodePen.

Toepassing

We gaan het lettertype voor de bloemlezing kiezen. We grasduinen daarvoor op het internet en hebben de volgende sites gevonden met interessante informatie:

Joel Friedlander, 5 Favorite Fonts for Interior Book Design, 32 augustus 2009

Joel Friedlander, Picking Fonts for Your Self-Published Book, 13 juni 2012

Joel Friedlander, 3 Great Typeface Combinations You Can Use in Your Book, 19 februari 2010

Joel Friedlander, 7 New Typeface Combinations for Book Design, 12 october 2010

Bart van de Biezen, Lettertypes voor het web, 19 juni 2010

Tekstonderdelen opsommen

onderdeel lettertype kleur verantwoording
Lijst met tekstonderdelen
header Garamond, Georgia, serif zwart zie Garamond versus Garamond
paragrafen Palatino, Times New Roman, Serif zwart zie Times New Roman
bijschriften Garamond, Georgia, Serif Silver chalice, #acacac hetzelfde lettertype als voor titels, bijschrijften zijn ondertitels
footer Verdana, sans-serif zwart we willen het zakelijke van de footer onderstrepen in contrast met de inhoud van de bloemlezing

JI
2018-03-11 14:49:54