Prevodník obrazu


Bezplatné písma – najlepšie stránky, živé ukážky a ako ich používať

Prehliadajte si dôveryhodné zdroje a hľadajte bezplatné fonty, testujte živé ukážky, skopírujte čisté CSS a naučte sa správne používať webové fonty. Zahrnuté sú kolekcie s otvoreným zdrojom, voľne dostupné na komerčné účely a na osobné použitie.

Google Fonts

OFL

Najväčšia knižnica s otvoreným zdrojovým kódom s rýchlym globálnym CDN, podmnožinami a variabilnými písmami. Ideálne pre web a aplikácie. Väčšina rodín používa SIL Open Font License.

WebfontVariabilnéObchod OK*
Navštívte

Fontshare (podľa ITF)

Bezplatný

Kvalitné typy písma ponúkané zadarmo Indian Type Foundry. Čisté rodiny, jednoduché vkladanie CDN a veľa variabilných možností.

WebfontVariabilné
Navštívte

Font Squirrel

Bezplatná reklama

Spravovaný adresár zameraný na voľne dostupné fonty na komerčné použitie. Zahŕňa generátor webfontov pre vlastné hosťovanie.

Obchod OK*Generátor
Navštívte

Liga pohyblivého typu

OFL

Klasická open-source zlieváreň s nadčasovými rodinami ako League Spartan a Raleway. Skvelé pre branding a redakciu.

Open SourceBranding
Navštívte

Velvetyne

OFL

Experimentálne typy písma s otvoreným zdrojom s výraznými štýlmi zobrazenia. Ideálne pre plagáty, kultúru a kreatívnu prácu.

DisplejExperimentálne
Navštívte

kolektívne

OFL

Komunitná zlieváreň uvoľňujúca vysokokvalitné bezplatné fonty pod otvorenými licenciami. Silné možnosti úprav a zobrazenia.

Open SourceRedakcia
Navštívte

Otvorte zlieváreň

OFL

Spravovaný index fontov s otvoreným zdrojom s testovacími nástrojmi a prezentáciou zameranou na dizajn. Ideálne na objavovanie čerstvých rodín.

Navštívte

1001 písiem

Zmiešané licencie

Veľký adresár s filtrami na bezplatné komerčné použitie. Prečítajte si licenciu na rodinu; mnohé sú len na osobné použitie.

Navštívte

DaFont

Osobné použitie

Obrovský archív najlepšie pre osobné projekty a inšpiráciu. Licencie sa značne líšia; skontrolujte každú stránku sťahovania.

Navštívte

Fonty ikon (Font Awesome, Material Icons, Remix Icon)

Voľné úrovne

Pre ikony používateľského rozhrania pomocou kanála písiem. Zvážte moderné systémy ikon SVG, ale fonty ikon zostávajú užitočné na rýchle pridávanie.

UICDN
Font úžasné Materiálové ikony Ikona remixu

Živý náhľad a úryvky CSS

Len lokálne – nič sa neodovzdalo
The quick brown fox jumps over the lazy dog. 0123456789
rodina písiem: Inter, sans-serif; font-weight: 600;

Porovnanie funkcií (snímka)

Licencie sa líšia podľa rodiny
stránky Open Source Bezplatná reklama Variabilné písma CDN/Webfonts Poznámky
Google Fontsánoáno*ánoánoNajväčšia knižnica, rýchle CDN
FontshareZmiešanéánoveľaánoModerné rodiny
Font SquirrelZmiešanéáno*NiektoríGenerátorUrčené na komerčné použitie
Liga pohyblivého typuánoánoNiektoríVlastný hostiteľNadčasová klasika
VelvetyneánoánoNiektoríVlastný hostiteľExperimentálne zobrazenie
DaFontNieLíši saMáloNieSkvelé pre osobné projekty

Ako používať bezplatné písma na webe

  1. Skontrolujte licenciu: OFL a iné tolerantné licencie sú najlepšie pre komerčné projekty. Niektoré stránky uvádzajú písma len na osobné použitie.
  2. Vyberte si doručenie: odkaz CDN pre rýchlosť alebo vlastný hostiteľ @font-face pre kontrolu a súkromie.
  3. Ak máte problém so systémom CLS, vopred načítajte kritické písma pre váš hlavný text; definujte záložné zásobníky, aby ste sa vyhli zábleskom.
  4. Uprednostňujte variabilné písma, ak sú k dispozícii, aby ste znížili požiadavky a získali flexibilné váhy.

Príklad CDN

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

Príklad vlastného hostiteľa

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

* Vždy overte licenciu každej rodiny na zdrojovej stránke.

často kladené otázky

Sú písma Google zadarmo na komerčné použitie?

Väčšina je uvoľnená pod OFL a je zadarmo na komerčné použitie. Na každej rodinnej stránke potvrďte licenciu.

Mám použiť ikonové písma alebo ikony SVG?

Ikony SVG sú flexibilnejšie pre moderné aplikácie. Písma ikon zostávajú užitočné pre rýchle nastavenia alebo staršie kanály.

Ovplyvňujú webové písma rýchlosť webu?

áno. Použite font-displej: swap, podmnožinu tam, kde je to možné, a obmedziť rodiny a váhy.

Aké je najlepšie univerzálne písmo?

Inter, Roboto a Source Sans 3 sú všestranné. Spárujte s pätkami ako Merriweather alebo Playfair pre nadpisy.