Бесплатни фонтови — најпопуларније локације, прегледи уживо и како их користити
Прегледајте поуздане изворе за бесплатне фонтове, тестирајте прегледе уживо, копирајте чист ЦСС и научите на прави начин да користите веб фонтове. Укључене су колекције отвореног кода, бесплатне за комерцијалну употребу и колекције за личну употребу.
Гоогле Фонтови
ОФЛНајвећа библиотека отвореног кода са брзим глобалним ЦДН-ом, подскуповима и променљивим фонтовима. Идеално за веб и апликације. Већина породица користи СИЛ Опен Фонт Лиценсе.
Фонтсхаре (од стране ИТФ)
СлободанКвалитетна слова која бесплатно нуди Индиан Типе Фоундри. Чисте породице, једноставно уграђивање ЦДН-а и много варијабилних опција.
Фонт Скуиррел
Фрее ЦоммерциалОдређени директоријум фокусиран на фонтове бесплатне за комерцијалну употребу. Укључује генератор веб фонтова за само-хостовање.
Лига покретног типа
ОФЛКласична ливница отвореног кода са безвременским породицама као што су Леагуе Спартан и Ралеваи. Одлично за брендирање и уредништво.
Велветине
ОФЛЕкспериментални фонтови отвореног кода са карактеристичним стиловима приказа. Савршено за постере, културу и креативни рад.
Колективно
ОФЛЛивница заједнице која издаје висококвалитетне бесплатне фонтове под отвореним лиценцама. Јаке опције уређивања и приказа.
Опен Фоундри
ОФЛКурирани индекс фонтова отвореног кода са алатима за тестирање и презентацијом усмереном на дизајн. Идеално за откривање свежих породица.
1001 Фонтови
Мешовите лиценцеВелики директоријум са филтерима за бесплатну комерцијалну употребу. Прочитајте лиценцу по породици; многи су само за личну употребу.
ДаФонт
Лична употребаОгромна архива најбоља за личне пројекте и инспирацију. Лиценце се веома разликују; проверите сваку страницу за преузимање.
Фонтови икона (Фонт Авесоме, иконе материјала, икона ремикса)
Фрее ТиерсЗа иконе корисничког интерфејса који користе цевовод фонтова. Узмите у обзир модерне СВГ системе икона, али фонтови икона остају корисни за брзо додавање.
Преглед уживо и ЦСС исечци
Само локално — ништа није отпремљеноПоређење функција (снимак)
Лиценце се разликују од породице| Сајт | Опен Соурце | Фрее Цоммерциал | Променљиви фонтови | ЦДН/Вебфонтови | Напомене |
|---|---|---|---|---|---|
| Гоогле Фонтови | Да | да* | Да | Да | Највећа библиотека, брзи ЦДН |
| Фонтсхаре | Микед | Да | Многи | Да | Модерне породице |
| Фонт Скуиррел | Микед | да* | Неки | Генератор | Направљено за комерцијалну употребу |
| Лига покретног типа | Да | Да | Неки | Селф-хост | Безвременски класици |
| Велветине | Да | Да | Неки | Селф-хост | Експериментални приказ |
| ДаФонт | бр | Варира | Мало | бр | Одлично за личне пројекте |
Како користити бесплатне фонтове на вебу
- Проверите лиценцу: ОФЛ и друге дозвољене лиценце су најбоље за комерцијалне пројекте. Неки сајтови наводе фонтове само за личну употребу.
- Одаберите испоруку: ЦДН везу за брзину или само-хост са @фонт-фаце за контролу и приватност.
- Унапред учитајте критичне фонтове за ваш главни текст ако је ЦЛС проблем; дефинишите резервне стекове да бисте избегли блицеве.
- Дајте предност променљивим фонтовима када су доступни да бисте смањили захтеве и добили флексибилне тежине.
ЦДН Пример
<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>
Пример самосталног домаћина
@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; }
* Увек проверите лиценцу сваке породице на изворном сајту.
ФАКс
Да ли су Гоогле фонтови бесплатни за комерцијалну употребу?
Већина је објављена под ОФЛ-ом и бесплатна је за комерцијалну употребу. Потврдите лиценцу на свакој породичној страници.
Да ли треба да користим фонтове икона или СВГ иконе?
СВГ иконе су флексибилније за модерне апликације. Фонтови икона остају корисни за брза подешавања или застареле цевоводе.
Да ли веб фонтови утичу на брзину сајта?
Да. Користите фонт-дисплаи: свап, подскуп где је то могуће и ограничити породице и тежине.
Који је најбољи фонт опште намене?
Интер, Робото и Соурце Санс 3 су разноврсни. Упарите са серифом као што је Мерривеатхер или Плаифаир за наслове.