Dört Özel Simge Yazı Tipi Üreticisi Karşılaştırıldı
Simge yazı tipleri şu anda çok öfkeli. Vektör grafiklerini bir sayfaya yerleştirmeyi çok kolay hale getiriyorlar, her yerde tasarımcıların simgeleri işlemenin birincil yolu olarak onlara dönüyorlar.
Sorun şu ki, hangi simgeleri gömdüğümüz üzerinde daha fazla kontrole ihtiyacımız var. Bazen kendi çalışmalarımız da dahil olmak üzere çeşitli kaynaklardan çekiliriz ve hepsini bir araya getirmek için iyi bir yola ihtiyacımız vardır. Simge yazı tipi jeneratörlerini girin. Birkaç favorimizi karşılaştırırken takip edin.
Neden Jeneratör?
Bir simge yazı tipi kullanmanın dezavantajı, indirdiğiniz sette bulunan simgelerle sınırlı olmanızdır. Üç farklı setten üç farklı simge eklemek istiyorsanız, üç farklı yazı tipini yüklemeniz gerekir, bu aslında ihtiyacınız olmayan yüzlerce simgeye yükleme anlamına gelebilir.
Açıkçası, gereksiz kaynaklar ve gereksiz yükleme gecikmeleri olmayan yalın, ortalama bir siteye gidiyorsanız, simgeleri yerleştirmek için en iyi yol bu değildir. Özel simge yazı tiplerinin geldiği yer burasıdır. Bu senaryoda, üç simgenizi alır, tek bir küçük özel yerleşik yazı tipine atarsınız ve bunu sayfanıza yerleştirirsiniz.
Ne yazık ki, hepimiz kendi yazı tiplerimizi oluşturmak için bilgi veya kaynağa sahip değiliz. Endişelenmeyin, bu özel simge yazı tipi jeneratörleri sizi kapsamaktadır. İster kendi simgelerinizi kullanın, ister mevcut simge setlerinden faydalanın, işi tamamlamak için aşağıda bir araç vardır.
Fontello
Kontrol edeceğimiz ilk jeneratör Fontello. Bu uygulama süper kaygan, kullanımı gerçekten kolay ve Font Awesome ve Iconic dahil onbir tamamen ücretsiz simge setleri vardır. Aralarından seçim yapabileceğiniz binlerce simge yok, ancak aradığınızı bulabilmeniz için kesinlikle yeterli.
Aradığınızı bulmaktan bahsetmişken, bu görev sayfanın üst kısmındaki arama özelliğini anında güncelleyerek basitleştirilmiştir. Burada canlı filtrelemeyi seviyorum, bu da arama sonuçlarınızla yeni bir sayfanın yüklenmesini beklemekten çok daha iyi.
Özel yazı tipiniz için simgeler seçmek üzerlerine tıklamak kadar kolaydır. Eklemek istediğiniz simgeleri bulup seçtikten sonra, her bir simgenin adını değiştirebileceğiniz ikinci sekmeye atlayın. Fontello'yu bu kadar harika yapan küçük kişiselleştirme seçenekleri.
Bir sonraki adım, her simgeyle ilişkili karakterleri özelleştirebilmeniz için “Kodları Düzenle” sekmesine bakmaktır. Bunu yapmak yeterince kolaydır, sadece sağlanan alanları kullanın.
Yukarıdaki adımları tamamladıktan sonra başlamaya hazırsınız. Özel yazı tipinizi almak için bir dosya adı yazın ve indirme bağlantısını tıklayın.
İndir
Fontello indirmesi çeşitli klasörlere dağılmış on dört dosya içerir. Her dosyanın kapladığı alan çok küçüktür, ancak aldığınız çok sayıda öğe basit bir çözüm arayan birine karşı çok zor görünebilir. Bununla birlikte, çalışmak için tamamen işlevsel bir örneğe sahip olmak gerçekten güzel ve her şeyin mümkün olduğunca tarayıcı uyumlu olduğundan emin olmak için çok çaba harcadılar.
IcoMoon
Bir göz atacağımız bir sonraki uygulama IcoMoon. Dürüst olmak gerekirse, Fontello'ya çok benziyor, ancak incelemeye değer bazı önemli farklılıklar var.
Tıpkı Fontello'da olduğu gibi, kaydırma yaparak simgelere göz atabilir veya belirli bir şey bulmak için entegre arama özelliğini kullanabilirsiniz.
Varsayılan olarak gördüğünüzden çok daha fazla simge vardır. Geri kalanını kontrol etmek için ekranın üst kısmındaki "Kütüphane" düğmesine basın.
Bu, sizi şu anda aralarından seçim yapabileceğiniz on altı farklı koleksiyona sahip, birçoğunun ücretsiz olması ve birçoğunun satın alınması gerekir.
Diğer Kaynakları İçe Aktarma
IcoMoon'un en iyi özelliklerinden biri, özel yapınıza dahil etmek için diğer kaynakları içe aktarma yeteneğidir. Diğer simge yazı tiplerini ve hatta kendi özel SVG grafiklerinizi yükleyebilirsiniz. Bu, IcoMoon'u kendi simge yazı tiplerini sıfırdan oluşturmak isteyen herkes için harika bir kaynak yapar.
Yazı Tipi Oluşturma
Simgelerinizi seçtikten sonra, sayfanın altındaki düğmeyi kullanarak yazı tipi indirmenize devam edebilirsiniz. Ayrıca simgeleri bir görüntü olarak indirme seçeneğiniz olduğunu unutmayın (bir hareketli grafik sayfası oluşturur).
Tıpkı Fontello'da olduğu gibi, indirmeden önce, yazı tipinizin ayarlarını değiştirmek ve kodlamak için bazı seçenekler sunulur.
İndir
Buradaki indirme Fontello'dan çok daha küçük. Beşi gerçek yazı tipi olan sadece dokuz dosya var. Temel olarak, Fontello size bir grup CSS dosyası verirken, IcoMoon bir dosyaya yoğunlaştırır. Bu, her şeyi elemek çok daha kolay hale getirir ve demo sayfası da biraz daha güzel.
Pictonic
Listemizde bir sonraki Pictonic var. Bu siteyi kullanmak için bir hesap açmanız gerekiyor. Oradan üç seçeneğiniz var. Ücretsiz simgeleri kullanabilir, simge başına 0, 59 $ ücretli simgeleri kullanabilir veya 199 $ karşılığında sınırsız erişim alabilirsiniz.
Burada daha önce olduğu gibi aynı matkabı görüyoruz, canlı arama özelliğini kullanıyoruz veya istediğiniz simgelere tıklayarak ve mevcut simgelere göz atıyoruz.
Sonuçları kategoriye göre kolayca filtrelemenizi sağlayan bir açılır menü de vardır. Bu, 320 ücretsiz simgeye (çoğunlukla sosyal ve yazılım logoları) göz atmanın iyi bir yoludur.
İndir
Bu sefer, indirmenizi özelleştirmek için gerçekten herhangi bir seçenek görmüyorum, sadece "Devam et" ve ardından "İndir" i tıklamanız yeterli ve henüz en büyük indirmemiz olduğu ortaya çıkıyor.
Pictonic ile dosyaları hemen hemen istediğiniz şekilde otomatik olarak alırsınız: yazı tipi dosyaları, PNG'ler ve SVG'ler. Aldığınız dosya sayısı seçtiğiniz simge sayısına bağlıdır. Tüm bu seçeneklere sahip olduğumu seviyorum, ancak indirmeden önce ne yaptığımı ve istemediğimi seçmek istiyorum.
Pictos Sunucusu
Aykırı değeri son sakladım. Pictos Server, diğer sitelerden biraz farklı şeyler yapar. İndirdiğiniz ve kendi sunucunuza yerleştirdiğiniz özel bir yazı tipi oluşturmak yerine, Pictos simgeleri sizin için barındırır. Genellikle “simgelerden oluşan Typekit” olarak bilinir. Bu, hizmetten neler bekleyebileceğinize dair iyi bir açıklamadır.
Sayımla, şu anda seçim yapabileceğiniz yaklaşık 338 simge var. Pictos setlerinden birini seçerek veya belirli bir şey arayarak teklifi inceltebilirsiniz.
Simgeleri seçtikten sonra, her simgeyi temsil etmek istediğiniz karakterleri yazabilirsiniz. Buradan, sadece dosyanıza atmanız gereken bir CSS yerleştirme bağlantısı sağlayan “Kod Oluştur” düğmesine tıklamanız yeterlidir.
Fiyatlandırma
Pictos bir barındırma hizmeti olduğundan, açıkça bir aylık ücret söz konusudur. Planların fiyatları sayfa görüntüleme sayısına göre belirlenir ve aylık 25.000 görüntüleme için 0 $ ile 4.000.000 aylık görüntüleme için 50 $ 'a kadar ayarlanır.
Ayrıca, ücretsiz planın her yazı tipi için on iki simgeyle sınırlı olduğunu belirtmek de önemlidir.
Nasıl Karşılaştırırlar?
Açıkçası, hangi sitenin “en iyi” olduğu sorusunun cevabı sizin özel ihtiyaçlarınıza bağlıdır. Her site kendi yolunda mükemmel görünüyor. En kolay çözümü arıyorsanız, Pictos Server'ı yenemezsiniz. Gerçekten çok az iş var ve simge yazı tipini gömmek çok kolay.
Bir hesaba kaydolma zahmeti olmadan bir ton ücretsiz yazı tipi arıyorsanız, Fontello'ya göz atın. Bol seçenekli harika bir hizmet ve ihtiyacınız olan her şey olması muhtemeldir.
Özellikler ve seçenekler açısından IcoMoon'u yenmek zordur. Kendi çalışmanızı ve hatta bulduğunuz diğer simge yazı tiplerini yüklemenizi ve entegre etmenizi sağlar. Burada bir ton ücretsiz simge ve hatta gerçekten çıkmak istiyorsanız bazı premium paketler de var.
Genel olarak, Pictonic muhtemelen benim grup en az favori oldu. Ücretsiz simge seçimi o kadar da büyük değildi ve diğer hizmetlerin sahip olduğu özelleştirme seçeneklerine sahip değilsiniz. Pictonic hakkında sevdiğim bir şey, premium simgeler için basit fiyatlandırma modelidir: simge başına 0, 59 dolar veya sınırsız erişim için 199 dolar. Güzel ve basit!
En sevdiğiniz simge yazı tipi oluşturucu
Genel olarak, bu hizmetlerin dördü de kontrol edilmeye değer. Bunların kullanımı gerçekten çok kolay ve değer dolu.
Şimdi bu dört yazı tipi oluşturucu hakkındaki düşüncelerimi gördüğünüze göre, aşağıda bir yorum bırakın ve bana düşüncelerinizi söyleyin. Bu projelerin herhangi birini geçmiş projelerde kullandınız mı? Hangisini önerirsiniz? Kaçırdığım başka seçenekler var mı?
