Yazı Tipi Harika: Komple Kütüphane Kılavuzu

Ücretsiz simgeler Font Awesome: Nedir ve ne için kullanılır. Siteye simgeleri nasıl bağlayabilirsiniz. Kütüphanenin avantajları ve dezavantajları.

Yazı Tipi Muhteşem Icon Set: Nihai Rehber

Font Awesome, CSS ve daha azına dayanan bir yazı tipi ve simgelerdir. Araç, her türlü simgeleri hızlı bir şekilde siteye bağlamanızı sağlar, tasarımını ve kullanılabilirliğini önemli ölçüde artırır. Birkaç kod satırı eklemek yeterlidir.

Font Awesome size kolayca kişiselleştirebileceğiniz ölçeklenebilir vektör simgeleri verir - boyut, renk, gölgeler ve CSS ile yapılabilecek her şey.

Font Awesome Library, sizin için en iyi önerilerin büyük bir koleksiyonuna sahiptir. Projenizi benzersiz ikonlarla geliştirirsiniz. Aslında, bu, kendi amaçlarınız için kullanabileceğiniz her türlü simgenin büyük bir setinidir.

Fontawesome'de, tüm simgeler kesinlikle ve tamamen ücretsizdir. Kütüphane GNU Genel Kamu Lisansı altında lisanslanmıştır. Bu, ticari projelerde serbestçe kullanılabileceği ve prensipte her yerde olduğu anlamına gelir.

Set Dave Gandhi tarafından yaratıldı. Kullanıcı arayüzünü geliştirmek için ücretsiz sosyal medya simgeleri, simgeleri ve daha fazlasını içerir.

Tipik olarak, yazı tipi harika yazı tipi komut dosyaları, Bootstrap ve Bootstrapcdn ile birlikte kullanılır. Yazı tipi, popülerliğin yalnızca Google fontlarına ikinci.

Nasıl çalışır

Ana özellik, tüm  Yazı tipi harika simgeler   statik görüntüler değildir. Yazı tipi biçiminde. Başka bir deyişle, bunlar simge fontlarıdır. Örneğin, bir arama simgesi veya bir sosyal ağ logosu, A, B, C basit karakterlerle aynıdır.

Yazı tipi müthiş simgeler ölçeklenebilir vektörler kullanılarak oluşturulur. Bu nedenle, neredeyse her boyuta yükseltilebilirler.

Mevcut tüm simgeler bir font dosyasına dahil edilmiştir. Tek ihtiyacınız olan bu dosyayı resmi siteye indirmek ve stillere bağlamak.

Neden tasarımcılar font harika seçti

Yazı tipi harika bir çok avantaj var:

• Hızlı bağlantı. Sadece resmi web sitesinden özel bir dosya indirmeniz ve CSS kodunda yolunu belirleyerek bağlamanız gerekir.
• Esneklik ve ölçeklenebilirlik. Simgeler herhangi bir boyuta göre büyütülebilir. Semboller, cihazın izin verdiği kadar açık olacaktır. Duyarlı tasarım yaşında, bu önemlidir. Bu arada, aynı sebepten dolayı, Font müthiş simgeler Retina ekranları için uygundur.
• Stilizasyon. Simgeler renk, boyut, gölge veya diğer harici parametrelerde kolayca değiştirilebilir. Tasarımcı, düzenli metni şekillendirmenin tüm avantajlarını alır. Ayrıca simgeleri de döndürebilirsiniz. Örneğin, baş aşağı görüntüleyin veya 90 derece döndürün.
• Sitenin hızlı yüklenmesi. Tüm simgeler bir font dosyasına dahil edilmiştir. Böylece sadece Font Yüklemek için bir HTTP isteği alır. Bu, web sitesi performansı için harika.
• Tarayıcıların sevgisi. Font Awesome, çapraz tarayıcı bir aracıdır. Yazı tiplerinin ve simgelerin tarayıcı uyumluluğu için endişelenmenize gerek yok. Hepsi tarafından iyi desteklenirler. Eski IE8 bile.
• Farklı çerçevelerle uyumludur. Kütüphane öncelikle bootstrap için oluşturuldu. Ancak, diğer çerçevelerle de iyi çalışacaktır.
• Birkaç format. Alet .Eot, .ttf, .woff ve SVG formatlarında mevcuttur. Öyleyse Font müthiş, diğer web fontları ile aynı şekilde ele alınır.
• Javascript gerekli değil. Yazı Tipi Harika, JavaScript'in çalışmasını gerektirmez.

Böylece, Font Awesome, düzen zaman kazandıran ve web sitenizi hızlandıran etkili ve kullanışlı bir araçtır.

Yazı Tipinin Dezavantajları Harika

Aracı da dezavantajları var. Neyse ki, birçoğu yok.

İlk olarak, simgeler sadece bir renkte boyanabilir. Ancak, bu sınırlama çevrilebilir. Örneğin, ücretsiz simgeleri birbirleriyle birleştirerek. Veya CSS efektleri kullanarak

İkincisi, Yazı Tipi Harika Kütüphane çok fazla simge içeriyor ve hepsi bir dosyaya dahildir. Bir tasarımcı veya düzen tasarımcısı yalnızca birkaç simgeyi bağlamanız gerekiyorsa, kütüphaneyi tamamen tamamen yüklemek zorundadırlar. Ve bunlar yer alacak yüz binlerce ekstra simgedir. Ancak, burada da bir çözüm var - sadece gerekli simgeleri içerecek olan kendi montajınızı oluşturan.

Yazı Tipi Awesome sürümleri: 5 ve 6

Font Awesome 5, 7 Aralık 2017'de piyasaya sürüldü ve başlangıçta 1278 simge içeriyordu. Beşinci versiyon iki pakette gelir: ücretsiz (Font Awesome Free) ve ödedi (Font Awesome Pro). Serbest plan ayrıca dördüncü sürümlerden de simgeleri içerir. Silahlar SIL Açık Yazı Tipi Lisansı 1.1, Creative Commons Attribution 4.0 ve MIT altında mevcuttur.

Font Awesome 6, 2020'nin ikinci yarısında serbest bırakılan yeni bir versiyondur. Yeni simgeler içerir ve yalnızca ücretli bir planda mevcuttur.

Yazı tipi müthiş 6 alfa 2021'de de yolundadır. Bu bir başka yeni nesil simge kütüphanesidir. Yeni simgelere ek olarak, versiyon 6 alfa ayrıca yeni stiller, yeni servisler ve yardımcı araçlar ekler. Kullanıcılar ön sipariş verebilir.

Ücretsiz ve Ücretli Planlar: Farklılıklar ve Özellikler

Ücretsiz veya ücretli tarife planı için simgeleri indirebilirsiniz.

Ücretsiz plan, 1600'den fazla simge ve 1 set içerir. Bir kit, kod eklemeden hızlı bir şekilde değişiklik yapmanızı sağlayan bir simge, stiller ve ayarlar topluluğudur.

Ücretli tarife:

• 7800'den fazla simge ve 20 set içerir.
• Font Awesome Pro'ya erişim sağlar. Bu, simgelerin yerel mobil uygulamalarda ve bilgisayarınızda kullanılabileceği anlamına gelir (örneğin, bir kelime metin düzenleyicisinde veya PowerPoint'te bir sunum oluştururken).
• Kendi simgelerinizi yüklemenizi sağlar. Kendi simgelerinizi yanında veya resmi yazı tipinin yerine harika simgelerin yerini kullanabilirsiniz. Örneğin, bu bir şirket logosunu nasıl yükleyebilirsiniz. Temel onlarla olduğu gibi kendi simgelerinizle aynı işlemleri yapabilirsiniz - stil, boyut, renk vb.

Her iki versiyon da süreklidir. Yani, bir kez ve herkes için sağlanır.

Yazı Tipi Harika Bağlama Yolları

Her şeyden önce, resmi web sitesine gitmeniz ve kütüphaneyi indirmeniz gerekir. İndirilen arşiv, paketlenmemiş olmalı ve CSS ve Yazı Tipleri klasörleri Site klasörünüze kopyalamalıdır.

Bundan sonra, Kütüphane dosyasına giden yol, kafa etiketleri arasında belirtilir. Örneğin:

Bir web sitesinde  Yazı tipi harika simgeler   gösterilir. En Popüler Yöntemler:

1. html kullanan

En kolay yol.

Resmi web sitesindeki galeriye gitmeniz gerekir (Fontawesome.com/icons?d=gallery) ve istediğiniz simgeyi seçin. Her simge kişisel bir kod var, örneğin: Koddaki doğru yere kopyalamak ve yapıştırmak yeterlidir.

2. CSS ile

Bunu yapmak için, sözde elemanları ve daha önce veya daha önce ve istenen simgenin unicode'sini kullanın. Hepsini aynı galeriye götürebilirsiniz. Böyle bir kodun örneği: F209.

Stil dosya girişinin bir örneği:

Div :: {Ekran: Blok; İçerik: 'F209'; Yazı Tipi-Ailesi: 'Yazı Tipi Harika 5 Ücretsiz';}

Sonuç olarak: Tüm Yazı Tipi Harika Simgeler

Böylece, font harika web sitenize ücretsiz simge eklemek için hızlı ve rahat bir yoldur. Tüm simgeler kolayca ölçeklenebilir ve siteyi yavaşlatmaz.