From e63f789c9d58fe0c9b2e9f49e153621a6de4cafa Mon Sep 17 00:00:00 2001 From: Koop Reynders Date: Wed, 2 Oct 2024 10:51:11 +0200 Subject: [PATCH] Update typografie-en-leesbaarheid.md --- docs/typografie-en-leesbaarheid.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/typografie-en-leesbaarheid.md b/docs/typografie-en-leesbaarheid.md index 394c6744..644d8426 100644 --- a/docs/typografie-en-leesbaarheid.md +++ b/docs/typografie-en-leesbaarheid.md @@ -11,15 +11,15 @@ Voor goed leesbare teksten gelden een aantal basis regels die je kan toepassen o ### Font styling -Het is gebruikelijk om aan de `` of de `` de basis font styling te definieren, zoals: +Het is gebruikelijk om aan de `` de basis font styling te definieren, zoals: - font-family - font-size - color -De `font-family` die je in de `body` of `html` zet, zal ook gelden voor de elementen die daarbinnen vallen (genest zijn), dat heet *inheritance*. Je hoeft daarom maar op 1 plek de `font-family` te zetten. De `font-size` wordt niet doorgegeven aan de elementen die genest zijn. Als je een andere font size nodig hebt voor een heading of paragraaf moet je per element de font size bepalen. +De `font-family` die je in de `html` zet, zal ook gelden voor de elementen die daarbinnen vallen (genest zijn), dat heet *inheritance*. Je hoeft daarom maar op 1 plek de `font-family` te zetten. De `font-size` wordt niet doorgegeven aan de elementen die genest zijn. Als je een andere font size nodig hebt voor een heading of paragraaf moet je per element de font size bepalen. #### Aanpak -Analyseer de font waardes uit het design dat je hebt gekregen in Figma, zoals `font-family`, `font-size` en kleuren. Zet de basis font styling op in het `html` of het `body` element. Pas daarna voor de belangrijkste tekst, de belangrijke details en achtergrondinformatie de font styling aan zoals het in het aangeleverde ontwerp staat, zoals de `

`, `

`, `

`, `

`, `` en/of `