Transcript
Een webpagina bestaat voor een groot deel uit tekst dus het is belangrijk dat typografie goed is vormgegeven. In deze video ga ik niet in op typografie regels, dat leer je waarschijnlijk bij vormgeving. Daar leer je dingen als de verschillende categorieen van fonts en dat tekst niet langer dan zoveel karakters mag zijn. Ik ga je puur laten zien hoe dat in css werkt.
- Met font-family kan ik het lettertype aangeven. Bijvoorbeeld sans-serif (schreefloos) of serif. Maar ook bijvoorbeeld fantasy of monospace. Ik zet die op de body zodat alle tekst hetzelfde font heeft. Ik kan ook bijvoorbeeld zeggen dat headings en paragrafen verschillende types fonts hebben.
- Met font-weight kan ik aangeven wat voor dikte het font moet hebben. Moet de tekst bold zijn of juist heel erg licht.
- Met font-style kan ik bijvoorbeeld een tekst italic (schijngedrukt) maken.
- Je kan ook een custom font inladen. Als ik sans-serif type krijg ik het standaard system font maar dat kan ik veranderen. Op CSS font stack kan ik zien welke fonts er op welk besturingssysteem wordt ondersteund. Ik kan bijvoorbeeld impact kiezen. Die moet ik dan tussen haakjes zetten.
Maar zoals je op font stack ziet is impact alleen ondersteund op MacOS devices dus als je op een windows computer zit en je hebt dat specifieke font niet geinstalleerd krijgt een windows gebruiker niet te zien. Daarom is het belangrijk om een fallback font in te stellen. Dit is het font wat een gebruiker te zijn krijgt als het font niet op zijn of haar computer staat. Stel dus altijd een fallback font in. Dat doe je dus met die komma.