Let 4: Lettertypes

Lettertypes

 
Welkom bij les 4; fonts. In deze les leer je
  1. Hoe je fonts globaal aanpast
  2. Hoe je fonts in elementor aanpast

Fonts globaal aanpassen

 
Eerst gaan we de fonts van de teksten aanpassen. Ga naar je customizer van de website. Klik op globaal, typografie en dan hoofd typografie. Hier vind je de instellingen voor de teksten.
 
In deze dropdown kan je op zoek naar een lettertype die jij wilt gebruiken. Vervolgens kan je aangeven welke varianten je gaat gebruiken. Het is belang dit hier aan te geven zodat de website dit kan inladen. Ook kan je de grootte van je lettertype aanpassen, het is wel gebruikelijk om deze op 15 tot 18 te zetten. Dan heb je ook nog de optie om de dikte van het lettertype aan te passen en de stijl. Hier kan je bijvoorbeeld aangeven of alle teksten met hoofdletters geschreven moet worden.
 
Nu gaan we de titel fonts aanpassen. Dit kan je doen door onder typografie en dan op titels te klikken.
 
Op het web heb je 6 varianten van een titel. Het begint bij 1. Dit is de belangrijkste en ook vaak de grootste titel en zo gaat het door naar 6, die de kleinste en minst belangrijkste is. Deze volgorde zie je hier ook weer terug.
 
Je begint bij het aangeven van een algemeen font. Vaak het font die je het meest gebruikt. Ook hier kan je het verder customizen, net zoals bij de teksten. Daaronder kan je de verschillende titels aanpassen. Per variant kan je het font aanpassen, als je dat niet wilt kan je het op inherit laten. Mocht je het font bij een variant wel willen aanpassen, dan moet je goed op de afmeting letten en of het responsive goed gaat. De responsive check doe je via deze drie icoontjes onderin.
 

Fonts aanpassen in Elementor

 
Om fonts aan te passen in Elementor moet je eerst ingelogd op je website en op de pagina staan die je wilt bewerken. Vervolgens klik je hierboven op ‘bewerk met elementor’. Klik op de tekst je wilt aanpassen. Aan de linkerkant krijg je nu een aantal opties. Klik op stijl om het font aan te passen. Je kan bij typografie op het potloodje klikken. Zoals je ziet krijg je nu dezelfde opties als die we zagen in de customizer. Het verschil is dat dit specifiek voor de tekst is die je hier aanpast.