Simge yazı tipleri, bir site tasarlarken inanılmaz derecede faydalıdır ve normal simgelere göre çok sayıda avantaj sunar.
Yazı tipi dosyası olarak gönderildikleri ve yazı tipi gibi gömüldükleri için, bu simgeler kolayca ölçeklenebilir, renkleri düzenlemek zorunda kalmadan renkleri canlı olarak değiştirilebilir; bununla birlikte, gölgeler, kontur efektleri veya gradyanlar gibi kodlama yoluyla çeşitli efektler eklenebilir, bu da onları resimlerden çok daha çok yönlü hale getirir.
Burada, web sitenizin sunduğu en iyi simge yazı tiplerinin bazılarını, sitelerinizde kullanmanız için hazırlayacağız.
Fico güzel bir site üzerinde sunulan harika görünümlü bir fonttur, bu da onu indirmek ve kullanmaktan keyif alır. Site, her simge için hangi harfin veya glifin kullanıldığını açıkça gösterir. Bu da, klavyenizdeki her simgeyi nerede bulacağınız konusunda hiçbir fikriniz olmadığınızı ve her bir anahtarda değerli zaman bisikletlerini harcayacağınızı bulmak için bir simge yazı tipini indirmenin bazen acı verici sürecini kaldırır. Bu ikonlar Helvetica ile birlikte harika görünmektedir, birlikte çalışan temiz düzgün çizgiler, Fico'nun sans serif fontları için yapıldığı duygusunu yaratır. Sitelerinde başka örnekler görülebilir.
pikselli tüm çekiciliğe rağmen pratik bir kullanıma sahip olan bir fonttur. Pixelated son derece hafiftir, simge dosyası boyutları yaklaşık 60 bayttır! Megabayt, hatta kilobayt, bayt değil! Bunları saydam GIF olarak da indirebilirsiniz, yani IE6'ya uyumludur ve bunları düzenlemek isterseniz bir PSD indirebilirsiniz. Yazı tipi, aşağıda gösterilen iki renk şemasıyla gelir ve bunları daha da basitleştirir. Tamamen ücretsizdir ve ticari kullanım için uygundur!
Şaşırtıcı bir şekilde, 100+ simgeleri olan bir yazı tipi için Entypo tamamen ücretsiz olarak gelir ve Pixelated gibi ticari kullanım için kullanılabilir. OpenType yazı tipi dosyasıyla birlikte düzenlemek için bir vektör dosyası olarak indirilebilir. Bu yazı tipi, iOS5 ve OSX10'da kullanılan Apple arayüzü simgelerini andırıyor ve hoş bir dokunuş olarak fontun sitesinde yapılan tüm bağışların% 50'sini Vikipedi'ye bağışlıyoruz.
Oldukça esprili ismin yanı sıra, Uicons 391 simgeleri kendi setinde sunar ve simge yazı tiplerinde sıkça kaçırılan sosyal ağa özgü simgeleri içerir. Şaşırtıcı olmayan bir şekilde bu set ücretsiz değildir, ancak nispeten ucuz olan 20 $ için yazı tipindeki tüm sonraki güncellemeler ücretsizdir. Bu simgeler, 1080p masaüstü ekranlarından iPhone gibi mobil cihazlara kadar çok daha kolay bir şekilde duyarlı bir tasarım yaratarak, sonsuz ölçeklenebilir olacak şekilde tasarlanmıştır. Birden çok formatta indirilebilir, ancak şu anda bir font olarak değil, destek beklemede olduğu için bu listede yer alıyor ve burada bir yeri hak ediyor.
ikonik bir yazı tipi dahil olmak üzere çeşitli biçimlerde 171 simgelerden oluşan bir açık kaynak simge kümesidir. Ölçeklendirilebilir olacak şekilde tasarlandı, 'ileriye dönük görüntüleme / dağıtım yöntemlerine olan desteğine bağlı olarak en ileri düşünce simgesi olmayı hedefliyor. Simgeler sadece açık ve çekici olmamalı, 'ile çalışmak için kolay ve esnek olmalıdır'. Bu yazı tipinin açık kaynak niteliği, başlangıçta bir set olarak planlanmaktan ziyade, simgelere ihtiyaç duyulduğunda ihtiyaçların dışına eklendiği anlamına gelir; bu, sete dahil edilen bazı daha ilginç ve daha az geleneksel ikonlara yol açar.
Bu başka bir yazı tipinin uyarlamasıdır Bitcons 10 farklı renk ve çeşitli boyutlarda 120 simge seti. Sanscons, Bitukları şeffaf arka plan ve 13 renk ile daha CSS dostu hale getirmeyi amaçlamaktadır. Simgeler ayrıca 16 × 16, 32 × 32 ve 64 × 64 piksel boyutlarındadır. 32 × 32 ve 64 × 64 simgeleri piksel stilini koruyarak daha neşeli bir görünüme sahiptir. Bu set, Creative Commons lisansı altında ücretsizdir.
Heydings içerik oluşturucuların sözlerinde 'yüksek kaliteli, ücretsiz simge web yazı tipleri gömme için kullanılabilir' boşluğundan oluşturulan bir fonttur. Bu 60 Glifler içerir ve web sitesi bile yazı tipinizi daha kolay kodlama yapmak için CSS sunar. Yazar ayrıca daha fazla kullanım kolaylığı için simgeleri alfabetik olarak haritalandırmıştır. Bunlar sitenizin temel kullanıcı arayüzünün bir parçası olarak kullanılmak üzere tasarlanmıştır ve bu nedenle glifler çeşitli farklı siteler için geniş bir kapsama sahiptir.
Bu simge seti, tüm yönlerini kapsayan geniş bir web sitesi ile birlikte Sadece vektör biçimlendirilmiş bir sitenin nasıl göründüğüne, çeşitli boyutlarda ve daha kolay bir şekilde yazı tipi oluşturmayı kolaylaştırmak için kodla birlikte nasıl oluşturulduğundan. Hatta, mobil web siteleri de dahil olmak üzere çeşitli tarayıcılarda yüklenmeyi kapsayan tüm web sayfalarına uygulanan kullanışlı bir sorun giderme kılavuzunu da içerir. Web sitesi, yazı tipinin ölçeklenebilirliğini, birçok simge yazı tipinden desteklenecek kadar büyük boyutlara sahip olduğunu göstermektedir.
esnek birden çok tarayıcıda yazı tipinin oluşturulmasını gösteren bir sayfa sunan myfonts.com adresinde kullanılabilir. Yazı tipinde 68 tane glif bulunur ve 29 $ 'a mal olur ve bir webfont, çok yönlülük için OpenType OTF ve TrueType seçeneklerine sahiptir.
Writesocial sadece aşağıda gösterilen 18 simgeye sahiptir, ancak 10 ABD doları, kare veya daire simgeleri gibi seçeneklerle gelebilecekleri varyasyonlarda haklıdır. Open Type Format ile birlikte gelir ve @ font-face ile kullanım için lisanslıdır. Satın alımda, yazı tipinin birden çok @ font-face kullanım örneğine sahip bir HTML dosyası sağlanır. Bunun yanı sıra, 15 $ 'lık 10 $' lık Charity: Water 'a giden standart 10 $ yerine font için 15 $ ödemeyi tercih edebilirsiniz.
IKOO'nun @FontFace veya başka yollarla resimler kullanmadan bir html sayfasına entegre edilmek üzere özel olarak geliştirilmiş bir fonttur. Site gezintisi üzerinde odaklanmıştır ve toplamda 65 ücretsiz simge ile hem beyaz hem de siyah renklerde çok sayıda temiz simge sunar.
Bu size 190 karakter için sadece 29 dolarlık bir fiyat verir. InfoBits Aşağıda gösterilen, her biri 19 $ için ayrı ayrı kullanılabilen iki ayrı simge yazı tipi vardır. Karakterler, hem site navigasyonu hem de diğer çevre kullanımları için çok yönlü, çok çeşitli kullanımlara ve seçeneklere sahip, eğlenceli, ancak geleneksel bir tarza sahiptir.
pictos formatları aklına getiren bir simge seti olan bir simge seti ve sitenin kendi Pictos yazı tipinizi özelleştirmek için bir tuş vuruşu yerleşik var. Bu, 650 simgeleri içerir ve Microsoft, Adobe ve BitTorrent gibi siteler tarafından tüm web üzerinde kullanılmak üzere yeterince iyi kabul edilir. Özel yazı tipi işlevselliği elde edildiğinde, doğrudan Pictos sunucularında kullanılır ve 10 günlük ücretsiz deneme süresinden sonra ölçeklenebilir bir abonelik gerektirir. İnanılmaz derecede çekici bir yazı tipi ve neden bu kadar saygın web siteleri tarafından kullanıldığını görmek çok kolay.
Bu yazı tipi sitenin Bootstrap arayüzünde kullanılan simgelerin örneklerini veren 220 simgeleri içeren Twitter Bootstrap CSS çerçevesiyle kullanılmak üzere tasarlanmıştır. Ayrıca, kolay düzenleme için vektör simgeleri olarak verilir ve yeni 2.0 sürümü, maksimum uyumluluk için IE7'yi destekler.
En kullanışlı simgeyi, bir arabayı, bir twitter simgesini ne buluyorsunuz? Favori takımlarından birini özledik mi? Yorumlarda bize bildirin.