Fonts Changer laat u elke lettertype op een webpagina vervangen door een ander uit de Google Fonts-bibliotheek — ofwel wereldwijd (alle tekst op de pagina) ofwel per-element (alleen koppen, alleen lichaamstekst of elk specifiek element dat u klikt). Letterypen worden dynamisch on demand geladen en u kunt tussen originele en nieuwe lettertypen wisselen om de gevolgen voor leesbaarheid en ontwerp te vergelijken.
Het kiezen van het juiste lettertype is een van de meest impactvolle ontwerpbeslissingen, maar het testen van lettertypen in context is verrassend moeilijk. Google Fonts-voorbeelden tonen lettertypen in isolatie met voorbeeldtekst — niet in de context van uw werkelijke paginaindeling met uw echte inhoud. Fonts Changer brengt Google Fonts rechtstreeks in de browser, toegepast op echte pagina's. Blader door de bibliotheek of zoek ernaar, klik op een lettertype en zie het onmiddellijk toegepast. Het lettertype wordt dynamisch van Google's CDN geladen, dus er is geen download of installatie nodig. Pas het wereldwijd toe om te zien hoe de gehele pagina met een nieuw lettertype eruitziet, of klik op specifieke elementen om verschillende lettertypen voor kopjes versus lichaamstekst te testen. Wissel tussen het originele lettertype en de vervanging met één klik om leesbaarheid, visueel gewicht en totale ontwerpimpact te vergelijken. Alle wijzigingen zijn niet-destructief — vernieuw om alles te herstellen.
Pas een nieuw lettertype op de hele pagina toe met één klik. Elk tekstelement — kopjes, alinea's, knoppen, navigatie, voettekst — wisselt naar het geselecteerde lettertype. Zie onmiddellijk hoe een volledig lettertype-wijziging het algehele ontwerp beïnvloedt.
Klik op specifieke elementen om alleen hun lettertype te wijzigen. Test een serif-lettertype voor kopjes met een sans-serif voor lichaamsttekst, of pas een monospace-lettertype alleen toe op codeblokken. Combineer lettertypen op dezelfde pagina.
Blader door de volledige Google Fonts-bibliotheek (1.500+ lettertypefamilies) rechtstreeks in het gereedschap en zoek ernaar. Lettertypen worden dynamisch vanuit Google's CDN on demand geladen — er is geen lokale installatie of downloads nodig.
Wissel met één klik tussen het originele lettertype en de vervanging. De pagina schakelt onmiddellijk heen en weer, waardoor u gemakkelijk leesbaarheid, visueel gewicht, x-hoogte en afstand tussen de twee lettertypen kunt vergelijken.
Wanneer u een nieuw lettertype toepast, worden de originele font-weight en font-style waarden behouden. Vetgedrukte kopjes blijven vet, cursieve tekst blijft cursief en licht-gewichtde lichaamsttekst houdt zijn lichte gewicht — het lettertype wijzigt, maar de typografische hiërarchie blijft behouden.
Zoek lettertypen op naam, of filter op categorie (serif, sans-serif, display, handwriting, monospace). Vind snel het juiste lettertype uit de 1.500+ beschikbare opties.
Een nieuwe website starten? Open een soortgelijke site en vervang de lettertypen ervan door uw kandidaten. Zie hoe elk lettertype eruitziet met echte inhoud en echte indeling — veel meer openbarend dan de voorbeeldtekst preview van Google Fonts.
Toon cliënten tijdens een ontwerpbeoordeling hoe hun site met verschillende lettertypen eruitziet. "Hier is het huidige ontwerp... en hier ziet het eruit met Playfair Display voor kopjes." De live wissel maakt de vergelijking overtuigend.
Vergelijk hoe verschillende lettertypen de leesbaarheid van lange-vormige inhoud beïnvloeden. Schakel een blogpost tussen Inter, Georgia, Lora en Merriweather om het lettertype te vinden dat het gemakkelijkst te lezen is bij uw doellettergrootte.
Een merkvernieuwing onderzoeken? Pas lettertypekandidaten toe op uw productiesite om te zien hoe deze eruitzien met uw werkelijke inhoud, kleuren en indeling. Veel sneller dan het maken van mockups voor elke optie.
Test hoe verschillende lettertypen de leesbaarheid voor gebruikers met dyslexie of visuele beperkingen beïnvloeden. Lettertypen als OpenDyslexic, Lexie Readable of sans-serifs met hoge x-hoogte kunnen onmiddellijk worden toegepast om hun gevolgen te controleren.
Open het floating dock van DevSuite Pro en klik op het Fonts Changer-pictogram. Een paneel opent met een doorzoekbare Google Fonts-bibliotheek.
Typ een lettertype naam om te zoeken, of blader door de bibliotheek. Filter op categorie (serif, sans-serif, display, monospace) om de opties in te perken.
Klik op een lettertypennaam om het wereldwijd op alle tekst op de pagina toe te passen. Of klik eerst op de modus "Per-element", klik vervolgens op specifieke elementen op de pagina en selecteer een lettertype.
Gebruik de wissel-knop om tussen het originele lettertype en de vervanging te schakelen. Vergelijk leesbaarheid, visueel gewicht en ontwerpimpact naast elkaar.
Wanneer u klaar bent met experimenteren, vernieuw de pagina om alle originele lettertypen volledig te herstellen.
Installeer DevSuite Pro gratis en ontgrendel 64+ ontwikkelaarstools voor uw browser.
