Gratis lettertypen - Topsites, live voorbeelden en hoe u ze kunt gebruiken
Blader door vertrouwde bronnen voor gratis lettertypen, test live previews, kopieer schone CSS en leer hoe u weblettertypen op de juiste manier gebruikt. Inclusief open source, gratis voor commerciële doeleinden en collecties voor persoonlijk gebruik.
Google-lettertypen
OFLDe grootste open-sourcebibliotheek met snelle wereldwijde CDN, subsets en variabele lettertypen. Ideaal voor internet en apps. De meeste gezinnen gebruiken de SIL Open Font License.
Fontshare (door ITF)
VrijKwaliteitslettertypen gratis aangeboden door Indian Type Foundry. Schone families, eenvoudige CDN-insluiting en veel variabele opties.
Lettertype Eekhoorn
Gratis commercieelSamengestelde directory gericht op lettertypen voor gratis commercieel gebruik. Bevat een webfont-generator voor zelfhosting.
De Liga van het beweegbare type
OFLKlassieke open source gieterij met tijdloze families als League Spartan en Raleway. Ideaal voor branding en redactie.
Velvetyne
OFLExperimentele open-source lettertypen met onderscheidende weergavestijlen. Perfect voor posters, cultuur en creatief werk.
Collectief
OFLGemeenschapsgieterij die gratis lettertypen van hoge kwaliteit vrijgeeft onder open licenties. Sterke redactionele en weergavemogelijkheden.
Open gieterij
OFLSamengestelde open-source lettertype-index met testtools en ontwerpgerichte presentatie. Ideaal om nieuwe gezinnen te ontdekken.
1001 lettertypen
Gemengde licentiesGrote map met filters voor gratis commercieel gebruik. Lees de licentie per gezin; velen zijn alleen voor persoonlijk gebruik.
DaFont
Persoonlijk gebruikEnorm archief, het beste voor persoonlijke projecten en inspiratie. Licenties lopen sterk uiteen; controleer elke downloadpagina.
Pictogramlettertypen (Font Awesome, materiële pictogrammen, Remix-pictogram)
Gratis niveausVoor UI-pictogrammen die een lettertypepijplijn gebruiken. Overweeg moderne SVG-pictogramsystemen, maar pictogramlettertypen blijven nuttig voor snelle toevoegingen.
Live preview en CSS-fragmenten
Alleen lokaal - niets geüploadFunctievergelijking (momentopname)
Licenties variëren per gezin| Locatie | Open bron | Gratis commercieel | Variabele lettertypen | CDN/webfonts | Opmerkingen |
|---|---|---|---|---|---|
| Google-lettertypen | Ja | Ja* | Ja | Ja | Grootste bibliotheek, snelle CDN |
| Lettertype delen | Gemengd | Ja | Veel | Ja | Moderne gezinnen |
| Lettertype Eekhoorn | Gemengd | Ja* | Sommige | Generator | Samengesteld voor commercieel gebruik |
| Liga van beweegbare typen | Ja | Ja | Sommige | Zelf-host | Tijdloze klassiekers |
| Velvetyne | Ja | Ja | Sommige | Zelf-host | Experimentele weergave |
| DaFont | Nee | Varieert | Weinig | Nee | Ideaal voor persoonlijke projecten |
Hoe u gratis lettertypen op internet kunt gebruiken
- Controleer de licentie: OFL en andere toegestane licenties zijn het beste voor commerciële projecten. Op sommige sites staan lettertypen die alleen voor persoonlijk gebruik bedoeld zijn.
- Kies voor bezorging: CDN-link voor snelheid, of zelf-hosten met @font-face voor controle en privacy.
- Laad kritische lettertypen voor uw hero-tekst vooraf als CLS een probleem is; definieer fallback-stacks om flitsen te voorkomen.
- Geef de voorkeur aan variabele lettertypen indien beschikbaar om het aantal aanvragen te verminderen en flexibele gewichten te krijgen.
CDN-voorbeeld
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
<style>
body{ font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
</style>
Voorbeeld van zelfhosting
@font-face{
font-family: "MyFont";
src: url("/fonts/MyFont-Variable.woff2") format("woff2");
font-display: swap;
}
body{ font-family: "MyFont", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
* Controleer altijd de licentie van elke familie op de bronsite.
Veelgestelde vragen
Zijn Google Fonts gratis voor commercieel gebruik?
De meeste zijn vrijgegeven onder OFL en zijn gratis voor commercieel gebruik. Bevestig de licentie op elke familiepagina.
Moet ik pictogramlettertypen of SVG-pictogrammen gebruiken?
SVG-pictogrammen zijn flexibeler voor moderne apps. Pictogramlettertypen blijven handig voor snelle instellingen of oudere pijplijnen.
Hebben weblettertypen invloed op de sitesnelheid?
Ja. Gebruik lettertypeweergave: swap, subset waar mogelijk, en beperk families en gewichten.
Wat is het beste lettertype voor algemeen gebruik?
Inter, Roboto en Source Sans 3 zijn veelzijdig. Combineer met een schreef zoals Merriweather of Playfair voor koppen.