Bildkonverter


Kostenlose Schriftarten – Top-Sites, Live-Vorschauen und deren Verwendung

Durchsuchen Sie vertrauenswürdige Quellen nach kostenlosen Schriftarten, testen Sie Live-Vorschauen, kopieren Sie sauberes CSS und lernen Sie, wie Sie Web-Schriftarten richtig verwenden. Open-Source-, kostenlose kommerzielle und persönliche Sammlungen enthalten.

Google-Schriftarten

OFL

Die größte Open-Source-Bibliothek mit schnellem globalen CDN, Teilmengen und variablen Schriftarten. Ideal für Web und Apps. Die meisten Familien nutzen die SIL Open Font License.

WebfontVariableKommerziell OK*
Besuchen

Fontshare (von ITF)

Frei

Hochwertige Schriftarten, die Indian Type Foundry kostenlos anbietet. Saubere Familien, einfache CDN-Einbettung und viele variable Optionen.

WebfontVariable
Besuchen

Schriftart Eichhörnchen

Kostenlose Werbung

Kuratiertes Verzeichnis mit Schwerpunkt auf Schriftarten zur kostenlosen kommerziellen Nutzung. Enthält einen Webfont-Generator zum Selbsthosten.

Kommerziell OK*Generator
Besuchen

Die Liga der beweglichen Schriften

OFL

Klassische Open-Source-Gießerei mit zeitlosen Familien wie League Spartan und Raleway. Ideal für Branding und Redaktion.

Open SourceBranding
Besuchen

Velvetyne

OFL

Experimentelle Open-Source-Schriftarten mit unverwechselbaren Anzeigestilen. Perfekt für Poster, Kultur und kreative Arbeit.

AnzeigeExperimental
Besuchen

Kollektiv

OFL

Community-Gießerei, die hochwertige kostenlose Schriftarten unter offenen Lizenzen veröffentlicht. Starke Redaktions- und Anzeigeoptionen.

Open SourceLeitartikel
Besuchen

Offene Gießerei

OFL

Kuratierter Open-Source-Fontindex mit Testtools und designorientierter Präsentation. Ideal, um frische Familien zu entdecken.

Besuchen

1001 Schriftarten

Gemischte Lizenzen

Großes Verzeichnis mit Filtern zur kostenlosen kommerziellen Nutzung. Lesen Sie die Lizenz pro Familie; Viele sind nur für den persönlichen Gebrauch bestimmt.

Besuchen

DaFont

Persönlicher Gebrauch

Riesiges Archiv, ideal für persönliche Projekte und Inspiration. Die Lizenzen variieren stark; Überprüfen Sie jede Download-Seite.

Besuchen

Symbolschriftarten (Font Awesome, Material Icons, Remix Icon)

Kostenlose Stufen

Für UI-Symbole mithilfe einer Schriftartpipeline. Erwägen Sie moderne SVG-Symbolsysteme, aber Symbolschriftarten bleiben für schnelle Hinzufügungen nützlich.

BenutzeroberflächeCDN
Schriftart genial Materielle Symbole Remix-Symbol

Live-Vorschau und CSS-Snippets

Nur lokal – nichts hochgeladen
The quick brown fox jumps over the lazy dog. 0123456789
Schriftfamilie: Inter, sans-serif; Schriftstärke: 600;

Funktionsvergleich (Schnappschuss)

Die Lizenzen variieren je nach Familie
Website Open Source Kostenlose Werbung Variable Schriftarten CDN/Webfonts Notizen
Google-SchriftartenJaJa*JaJaGrößte Bibliothek, schnelles CDN
FontshareGemischtJaVieleJaModern families
Schriftart EichhörnchenGemischtJa*MancheGeneratorFür die kommerzielle Nutzung kuratiert
Liga des beweglichen TypsJaJaMancheSelbstveranstalterZeitlose Klassiker
VelvetyneJaJaMancheSelbstveranstalterExperimentelle Darstellung
DaFontNEINVariiertWenigeNEINIdeal für persönliche Projekte

So verwenden Sie kostenlose Schriftarten im Web

  1. Überprüfen Sie die Lizenz: OFL und andere freizügige Lizenzen eignen sich am besten für kommerzielle Projekte. Auf einigen Websites werden Schriftarten aufgeführt, die nur für den persönlichen Gebrauch bestimmt sind.
  2. Wählen Sie die Lieferung: CDN-Link für Geschwindigkeit oder Selbsthosting mit @font-face für Kontrolle und Privatsphäre.
  3. Laden Sie wichtige Schriftarten für Ihren Heldentext vorab, wenn CLS ein Problem darstellt. Definieren Sie Fallback-Stacks, um Blitze zu vermeiden.
  4. Bevorzugen Sie variable Schriftarten, sofern verfügbar, um die Anforderungen zu reduzieren und flexible Strichstärken zu erhalten.

CDN-Beispiel

<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>

Beispiel für einen Selbsthoster

@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; }

* Überprüfen Sie immer die Lizenz jeder Familie auf der Quellseite.

FAQs

Sind Google Fonts für die kommerzielle Nutzung kostenlos?

Die meisten werden unter OFL veröffentlicht und sind für die kommerzielle Nutzung kostenlos. Bestätigen Sie die Lizenz auf jeder Familienseite.

Soll ich Symbolschriftarten oder SVG-Symbole verwenden?

SVG-Symbole sind für moderne Apps flexibler. Symbolschriftarten bleiben für schnelle Einrichtung oder ältere Pipelines nützlich.

Beeinflussen Web-Schriftarten die Geschwindigkeit der Website?

Ja. Verwenden Schriftartenanzeige: swap, Teilmenge, soweit möglich, und begrenzen Sie Familien und Gewichtungen.

Was ist die beste Allzweckschriftart?

Inter, Roboto und Source Sans 3 sind vielseitig. Kombinieren Sie es mit einer Serife wie Merriweather oder Playfair für Überschriften.