Ücretsiz Yazı Tipleri - En Popüler Siteler, Canlı Önizlemeler ve Bunların Kullanımı
Ücretsiz yazı tipleri için güvenilir kaynaklara göz atın, canlı önizlemeleri test edin, temiz CSS kopyalayın ve web yazı tiplerini kullanmanın doğru yolunu öğrenin. Açık kaynak, ücretsiz ticari ve kişisel kullanım koleksiyonları dahildir.
Google Yazı Tipleri
OFLHızlı global CDN, alt kümeler ve değişken yazı tiplerine sahip en büyük açık kaynak kitaplığı. Web ve uygulamalar için idealdir. Çoğu aile SIL Açık Yazı Tipi Lisansını kullanır.
Fontshare (ITF tarafından)
ÖzgürIndian Type Foundry tarafından ücretsiz olarak sunulan kaliteli yazı tipleri. Temiz aileler, kolay CDN yerleştirme ve birçok değişken seçenek.
Yazı Tipi Sincap
Ücretsiz TicariTicari kullanım için ücretsiz yazı tiplerine odaklanan derlenmiş dizin. Kendi kendine barındırma için bir web yazı tipi oluşturucu içerir.
Hareketli Tip Ligi
OFLLeague Spartan ve Raleway gibi eskimeyen ailelere sahip klasik açık kaynaklı dökümhane. Markalama ve editörlük için harika.
Kadife
OFLAyırt edici görüntüleme stillerine sahip deneysel açık kaynaklı yazı tipleri. Posterler, kültür ve yaratıcı çalışmalar için mükemmeldir.
Toplu
OFLAçık lisanslar altında yüksek kaliteli ücretsiz yazı tipleri yayınlayan topluluk dökümhanesi. Güçlü yazım ve görüntüleme seçenekleri.
Açık Dökümhane
OFLTest araçları ve tasarım odaklı sunumla derlenmiş açık kaynaklı yazı tipi dizini. Yeni aileleri keşfetmek için ideal.
1001 Yazı Tipi
Karma LisanslarTicari amaçlı ücretsiz kullanıma yönelik filtreler içeren geniş dizin. Aile başına lisansı okuyun; çoğu yalnızca kişisel kullanım içindir.
DaFont
Kişisel KullanımKişisel projeler ve ilham için en iyi devasa arşiv. Lisanslar büyük farklılıklar gösterir; her indirme sayfasını kontrol edin.
Simge Yazı Tipleri (Harika Yazı Tipi, Malzeme Simgeleri, Remix Simgesi)
Ücretsiz SeviyelerBir yazı tipi hattı kullanan kullanıcı arayüzü simgeleri için. Modern SVG simge sistemlerini düşünün, ancak simge yazı tipleri hızlı eklemeler için kullanışlı olmaya devam ediyor.
Canlı Önizleme ve CSS Parçacıkları
Yalnızca yerel — hiçbir şey yüklenmediÖzellik Karşılaştırması (Anlık Görüntü)
Lisanslar aileye göre değişir| Alan | Açık Kaynak | Ücretsiz Ticari | Değişken Yazı Tipleri | CDN/Web yazı tipleri | Notlar |
|---|---|---|---|---|---|
| Google Yazı Tipleri | Evet | Evet* | Evet | Evet | En büyük kütüphane, hızlı CDN |
| Yazı tipi paylaşımı | Karışık | Evet | Birçok | Evet | Modern aileler |
| Yazı Tipi Sincap | Karışık | Evet* | Bazı | Jeneratör | Ticari kullanım için seçilmiştir |
| Hareketli Tip Ligi | Evet | Evet | Bazı | Kendi kendine barındırma | Zamansız klasikler |
| Kadife | Evet | Evet | Bazı | Kendi kendine barındırma | Deneysel gösterim |
| DaFont | HAYIR | Değişir | Bir kaç | HAYIR | Kişisel projeler için harika |
Web'de Ücretsiz Yazı Tipleri Nasıl Kullanılır?
- Lisansı kontrol edin: OFL ve diğer izin veren lisanslar ticari projeler için en iyisidir. Bazı siteler yalnızca kişisel kullanıma yönelik yazı tiplerini listeler.
- Teslimatı seçin: Hız için CDN bağlantısı veya kendi kendine barındırma @yazı tipi yüzü kontrol ve gizlilik için.
- CLS sizin için önemliyse, ana metniniz için kritik yazı tiplerini önceden yükleyin; Flash'ları önlemek için geri dönüş yığınlarını tanımlayın.
- İstekleri azaltmak ve esnek ağırlıklar elde etmek için mümkün olduğunda değişken yazı tiplerini tercih edin.
CDN Örneği
<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>
Kendi Kendine Barındırma Örneği
@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; }
* Her ailenin lisansını daima kaynak sitede doğrulayın.
SSS
Google Fonts ticari kullanım için ücretsiz midir?
Çoğu OFL kapsamında yayınlanmaktadır ve ticari kullanım için ücretsizdir. Her aile sayfasında lisansı onaylayın.
Simge yazı tiplerini mi yoksa SVG simgelerini mi kullanmalıyım?
SVG simgeleri modern uygulamalar için daha esnektir. Simge yazı tipleri, hızlı kurulumlar veya eski işlem hatları için kullanışlı olmaya devam eder.
Web yazı tipleri site hızını etkiler mi?
Evet. Kullanmak yazı tipi ekranı: takasmümkün olduğunda alt kümeyi kullanın ve aileleri ve ağırlıkları sınırlayın.
En iyi genel amaçlı yazı tipi nedir?
Inter, Roboto ve Source Sans 3 çok yönlüdür. Başlıklar için Merriweather veya Playfair gibi bir serif ile eşleştirin.