Lettertypes instellen

Samenvatting

Via het thema stel je de lettertypes in voor je gehele website. Mach3Blocks gebruikt drie fontrollen die automatisch worden toegepast op alle bijbehorende tekstelementen. Zo hoef je niet bij elk element apart een lettertype te kiezen — dat regelt het thema voor je.

Hoe werkt het

Waar vind je dit

Ga naar een website → ThemaLettertypes

Of vanuit de editor: linkerzijbalk → Thema-icoon → VariabelenLettertypes

De drie fontrollen

Mach3Blocks werkt met drie fontrollen. Elke rol wordt automatisch toegepast op de bijbehorende tekstelementen:

Rol Beschrijving Standaard lettertype
Headings Grote titels (heading-1 en heading-2) Roboto Light
Subheadings Subtitels (heading-3 tot heading-5) Roboto Medium
Teksten Lopende tekst, intro- en hoofdtekst Roboto Regular

Kies je een ander lettertype voor Headings? Dan veranderen alle H1- en H2-koppen op je hele website automatisch mee.

Een lettertype wijzigen

  1. Klik op het Bladeren-icoon (rechts van het fontveld)
  2. Er opent een Google Fonts browser met twee tabs:
    • Gebruikt — lettertypes die al op je website worden gebruikt (handig om consistent te blijven)
    • Alle — de volledige Google Fonts bibliotheek met honderden lettertypes
  3. Zoek een lettertype via de zoekbalk of filter op categorie (Serif, Sans Serif, Handwriting, etc.)
  4. Selecteer het gewenste lettertype en de gewenste variant (Regular, Bold, Italic, etc.)
  5. De wijziging is direct zichtbaar in het preview-canvas

Lettertypegewichten

Per fontrol stel je ook het gewicht in — dat bepaalt hoe dik of dun de letters zijn:

Gewicht Naam Wanneer gebruik je dit
300 Light Dunne, elegante koppen
400 Regular Standaard voor lopende tekst
600 Semibold Iets dikker voor subkoppen
700 Bold Vet — voor nadruk

Alleen Google Fonts

Mach3Blocks ondersteunt uitsluitend Google Fonts. Het is niet mogelijk om eigen lettertype-bestanden (.woff, .woff2) te uploaden en als themalettertype te gebruiken.

Goed om te weten: Een technische workaround is om een custom font te laden via Website-instellingen → Code → Head met een @font-face definitie. Dit is echter een geavanceerde aanpak waarvoor code-kennis nodig is.

Waar stel ik lettergrootte en regelafstand in?

In het Lettertypes-panel stel je alleen de fontfamilie in (welk lettertype het is). Instellingen zoals lettergrootte, regelafstand, letterafstand en tekstgewicht stel je in via:

  • Het rechter panel in de editor → Opmaak tab → Typografie sectie (voor individuele elementen)
  • Thema → Elementen (voor standaardwaarden per elementtype, bijv. alle Headings)

Preview-canvas

Het canvas toont een livepreview in vier secties: Header, Content, Item en Footer. In elke sectie zie je de headings, subheadings en teksten in het gekozen lettertype — zo kun je direct beoordelen of de combinatie goed werkt.

Licht en Donker

De lettertypes gelden voor zowel de Licht- als de Donker-modus — er is geen aparte fontinstelling per kleurmodus. Lettertypes zijn altijd hetzelfde, ongeacht de kleurmodus.

Tip: Kies lettertypes die goed samenwerken. Een veelgebruikte combinatie is een decoratief of opvallend lettertype voor koppen, gecombineerd met een goed leesbaar lettertype voor lopende tekst.

Wanneer gebruik je dit

  • Je wilt de lettertypes van je website instellen of wijzigen
  • Je wilt weten hoe fontrollen werken in Mach3Blocks
  • Je wilt weten welke fonts beschikbaar zijn (Google Fonts)