Zo werkt het
1. Upload een afbeelding — Sleep een afbeelding met tekst hierheen of klik om te uploaden
2. Krijg matches — Bekijk de best passende Google Fonts met live previews en kant-en-klare code om te kopiëren
Waarom een Google Font-finder maken?
Toen Google Fonts net gelanceerd was, waren er maar 19 lettertypes. Vandaag zijn het meer dan 1900 lettertypefamilies. De juiste vinden is eigenlijk onbegonnen werk.
Bovendien gebruik ik als ontwerper met een klein budget vrijwel alleen Google Fonts. Ze zijn gratis, makkelijk te implementeren en werken overal. Maar telkens als ik zocht naar een "Google Font-alternatief voor _____", kwam ik op dezelfde designblogs en Reddit-threads terecht, met steeds dezelfde suggesties. Best irritant, want er zijn zóveel lettertypefamilies om uit te kiezen.
En als je weleens font-herkenningswebsites gebruikt, is het je misschien opgevallen dat die vooral premium en commerciële lettertypes herkennen, die duizenden dollars kosten om in een webproject te gebruiken. Ik heb dit gebouwd om me uitsluitend te richten op open source / gratis / Google Fonts.
Tot slot heb ik onlangs een kies-elk-google-font-functie toegevoegd aan mijn TaperCraft-website voor het maken van cd-, cassette-, VHS- en dvd-hoesjes en meer. En toen besefte ik dat ik een manier nodig had om Google Fonts te herkennen.
Weet je nog dat What the Font goed was?
Toen "What the Font?" net uitkwam, was het geweldig. Maar het is steeds slechter geworden.
Er zijn nieuwe sites, maar ik vind de interfaces van alle font-finders stressvol. Dus wilde ik iets moois maken, met wat verbeteringen. Zoals afbeeldingen plakken vanaf je klembord, sneller laden en meer resultaten tonen. Elk resultaat heeft bovendien een directe downloadknop, een knop om de naam van het lettertype te kopiëren en andere handigheidjes die andere sites niet lijken te hebben.
En als het lettertype dat je zoekt niet als Google Font bestaat, vindt deze website er een heleboel die er dichtbij genoeg in de buurt komen. Het is dus ook een prima tool om vergelijkbare Google Fonts te vinden. Ik heb het voor mezelf gebouwd en had er zelf superveel aan — hopelijk heb jij er ook wat aan.
Pro-tips
- Gebruik een schone, duidelijke screenshot van het lettertype dat je wilt herkennen. Ruis of scheve afbeeldingen maken de resultaten slechter.
- Plak afbeeldingen direct met Cmd + V (of Ctrl + V op pc).
- Je kunt de advertenties weghalen door supporter te worden en je te abonneren ($6 per maand) op mijn TaperCraft-website voor fysieke media.
Nog een extra pro-tip als je een Mac hebt: druk op "Cmd + Shift + 4" en houd dan "control" ingedrukt terwijl je een stuk van je scherm selecteert — zo kopieer je een afbeelding naar je klembord. Kom daarna terug naar deze site en plak hem om je lettertype te herkennen.
Veelgestelde vragen
Hoe herken ik een lettertype op een afbeelding? Upload een screenshot of foto met de tekst die je wilt herkennen. De tool analyseert de typografie en toont je de best passende lettertypes uit Google Fonts die je gratis kunt gebruiken.
Wat is de beste gratis lettertypeherkenner? De meeste lettertypeherkenners stellen premium fonts voor waarvoor je zou moeten betalen. Deze tool matcht specifiek met Google Fonts, dus elk resultaat is gratis te gebruiken in je projecten.
Hoe vind ik een Google Font dat op een ander lettertype lijkt? Upload een afbeelding van het lettertype dat je mooi vindt, en je krijgt een lijst met vergelijkbare Google Fonts, gerangschikt op hoe goed ze matchen. Elk resultaat bevat een live preview en kant-en-klare code.
Zijn Google Fonts gratis voor commercieel gebruik? Ja. Alle Google Fonts zijn open source en gratis voor zowel persoonlijke als commerciële projecten. Geen licentiekosten, geen naamsvermelding nodig.
Hoe voeg ik een Google Font toe aan mijn website? Elk resultaat bevat een CSS-importcode die je kunt kopiëren. Plak die in je stylesheet en gebruik daarna de font-family in je CSS. Of klik op "Lettertype downloaden" om er op je eigen computer mee te werken.
Wat als het exacte lettertype niet op Google Fonts staat? Veel lettertypes zijn premium of propriëtair. Deze tool vindt de dichtstbijzijnde gratis alternatieven uit Google Fonts met vergelijkbare eigenschappen zoals dikte, stijl en verhoudingen.
Hoe herken je lettertypen – is dit AI? Een beetje. AI is geweldig in het lezen van tekst en het herkennen van de basisvormen van letters, maar slecht in het koppelen ervan aan echte lettertypen. Daarom combineer ik het met een lettertypeserver die de best passende lettertypen vindt. Lees meer over hoe dit werkt.
Hoi, ik ben Tex en ik maak een hele reeks toffe projecten die je allemaal terugvindt op texs.org! Stuur me gerust een mailtje of een DM: