CSS property - font-family
Met de eigenschap
font-family
kun je opgeven welk lettertype op de tekst toegepast moet worden.Beschrijving
- De waarde van die eigenschap is de naam van het lettertype dat je wilt toepassen op de tekst.
- 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.
- Op Detect Whether a Font is Installed kan je nagaan of een font door je browser onderteund wordt of niet.
- Het is gebruikelijk om te eindigen met een generieke naam voor het soort lettertype:
serif
ofsans-serif
. - Als er in de naam van een lettertype spaties voorkomen moet het tussen dubbele aanhalingstekens worden geplaatst.
- 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 |
---|---|---|---|
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 |
2018-03-11 14:49:54