Billedkonverter


Gratis skrifttyper - Topsteder, Live Previews, og hvordan man bruger dem

Gennemse pålidelige kilder for gratis skrifttyper, test live forhåndsvisninger, kopier ren CSS, og lær den rigtige måde at bruge webskrifttyper på. Samlinger med åben kildekode, gratis for kommerciel og personlig brug inkluderet.

Google skrifttyper

OFL

Det største open source-bibliotek med hurtig global CDN, undersæt og variable skrifttyper. Ideel til web og apps. De fleste familier bruger SIL Open Font License.

WebfontVariabelKommerciel OK*
Besøg

Fontshare (af ITF)

Gratis

Kvalitetsskrifttyper, der tilbydes gratis af Indian Type Foundry. Rene familier, nem CDN-indlejring og mange variable muligheder.

WebfontVariabel
Besøg

Font egern

Gratis reklame

Kurateret mappe med fokus på skrifttyper, der er gratis til kommerciel brug. Inkluderer en webfont-generator til selvhosting.

Kommerciel OK*Generator
Besøg

The League of Moveable Type

OFL

Klassisk open source-støberi med tidløse familier som League Spartan og Raleway. Fantastisk til branding og redaktionel.

Open SourceBranding
Besøg

Velvetyne

OFL

Eksperimentelle open source-skrifttyper med karakteristiske visningsstile. Perfekt til plakater, kultur og kreativt arbejde.

ViseEksperimentel
Besøg

Kollektiv

OFL

Fællesskabsstøberi frigiver gratis skrifttyper af høj kvalitet under åbne licenser. Stærke redaktionelle og visningsmuligheder.

Open SourceRedaktionel
Besøg

Åbent Støberi

OFL

Kurateret open source skrifttypeindeks med testværktøjer og designcentreret præsentation. Ideel til at opdage friske familier.

Besøg

1001 skrifttyper

Blandede licenser

Stor mappe med filtre til gratis kommerciel brug. Læs licensen pr. familie; mange er kun til personlig brug.

Besøg

DaFont

Personlig brug

Kæmpe arkiv bedst til personlige projekter og inspiration. Licenserne varierer meget; tjek hver downloadside.

Besøg

Ikon skrifttyper (Font Awesome, Material Icons, Remix Icon)

Gratis niveauer

Til UI-ikoner ved hjælp af en skrifttypepipeline. Overvej moderne SVG-ikonsystemer, men ikonskrifttyper forbliver nyttige til hurtige tilføjelser.

UICDN
Font Awesome Materiale ikoner Remix ikon

Live Preview og CSS Snippets

Kun lokalt - intet uploadet
The quick brown fox jumps over the lazy dog. 0123456789
skrifttype-familie: Inter, sans-serif; skrifttype-vægt: 600;

Funktionssammenligning (øjebliksbillede)

Licenser varierer fra familie til familie
websted Open Source Gratis reklame Variable skrifttyper CDN/Webfonts Noter
Google skrifttyperJaJa*JaJaStørste bibliotek, hurtig CDN
FontshareBlandetJaMangeJaModerne familier
Font egernBlandetJa*NogleGeneratorUdvalgt til kommerciel brug
Liga af bevægelig typeJaJaNogleSelvværtTidløse klassikere
VelvetyneJaJaNogleSelvværtEksperimentel visning
DaFontIngenVariererFåIngenFantastisk til personlige projekter

Sådan bruger du gratis skrifttyper på nettet

  1. Tjek licensen: OFL og andre tilladelige licenser er bedst til kommercielle projekter. Nogle websteder viser skrifttyper, der kun er til personlig brug.
  2. Vælg levering: CDN-link for hastighed, eller selv-host med @font-face for kontrol og privatliv.
  3. Forudindlæs kritiske skrifttyper til din heltetekst, hvis CLS er et problem; definere fallback-stabler for at undgå blink.
  4. Foretrække variable skrifttyper, når de er tilgængelige, for at reducere anmodninger og få fleksible vægte.

CDN eksempel

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

Eksempel på selvvært

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

* Bekræft altid hver families licens på kildesiden.

Ofte stillede spørgsmål

Er Google Fonts gratis til kommerciel brug?

De fleste er udgivet under OFL og er gratis til kommerciel brug. Bekræft licensen på hver familieside.

Skal jeg bruge ikonskrifttyper eller SVG-ikoner?

SVG-ikoner er mere fleksible for moderne apps. Ikonskrifttyper forbliver nyttige til hurtige opsætninger eller ældre pipelines.

Påvirker webskrifttyper webstedets hastighed?

Ja. Bruge font-display: swap, undersæt hvor det er muligt, og begræns familier og vægte.

Hvad er den bedste skrifttype til generelle formål?

Inter, Roboto og Source Sans 3 er alsidige. Par med en serif som Merriweather eller Playfair for overskrifter.