Web simgesi için 7 uzman ipucu kullanım ve faydaları belirler

Web siteniz için bir simge seti ve hangisini seçeceğinizi merak ediyor musunuz? Bu uzman ipuçları, birçok profesyonel web geliştiricisinin zaten bildikleri konusunda sizi ikna edebilir: dahil edilen bir simge setinden simgeleri aramak, simgeleri tek tek bulmak ve bir şekilde birlikte tutarlı hale getirmenin bir yolunu bulmaktan daha kolaydır.

Topluluğa ikon setlerini kullanma konusunda en iyi ipuçlarını sorduk ve birçoğu popüler Font Awesome simge setini kullanmayı kabul etti, ancak piyasada bulunan tek simge bu değil.

Hangi simge setini kullanıyorsunuz? Yorumlarda bize bildirin!

 Web siteniz için belirli bir simge seti kullanıyor musunuz? Font Awesome'i belirli bir kullanım için mi kullanıyorsunuz (örneğin Shopify ile, bir bülten için ...)? Öyleyse, neden kullanıyorsunuz ve simge seti ile ilgili deneyiminiz nedir? CDN'lerini kullandınız mı, kullanımınız için herhangi bir gelişme fark ettiniz mi?

Jeff Roscher: Müşterilerin modern ve çekici bulduğu güzel ve basit bir stil katıyor

EWorkOrders.com adresinde Font Awesome'i kullanıyoruz. Hem pazarlama sitemizin hem de bir hizmet olarak yazılımımızın (SAAS), bilgisayarlı bakım yönetim sisteminin (CMMS) bir parçasıdır. Pazarlama sitemizde, potansiyel müşterilerin modern ve çekici buldukları güzel ve basit bir stil katıyor. Onları daha etkileşimli ve heyecan verici hale getirmek için ilginç sınırlar ve fareyle üzerine gelme etkinlikleri ekledik. Müşterilerimiz için Font Awesome simgeleri, bir tarih alanındaki takvim simgesi, e-posta adresi alanındaki bir zarf veya bir telefon numarası alanı. Düzenleme, kopyalama ve yazdırma gibi işlev düğmelerinde kullanılırlar.

Simgeler, gecikmiş bir iş emrinin yanındaki veya bir şeye dikkat edilmesi gerektiğinde veriler hakkında kırmızı bir ünlem simgesi gibi hızlı görsel bilgi vermek için kullanılır. Programın daha güzel görünmesi için başka yerlerde de varlar ..

Yazı Tipi Başar harika oldu! CDN'leri hızlıdır ve ihtiyacımız olan her farklı ikon için birçok seçenek vardır. Biz asla hayal kırıklığı olmuştur.

Rachel Foley: Devasa bir ikon kütüphanesine kolaylıkla erişmenin uygun bir yolu

Harita Müşterilerim'de, tüm pazarlama kanallarındaki ikonografimiz ve aşağıdakiler de dahil olmak üzere ürünümüz için Font Awesome'e tamamen güveniyoruz:

• İnternet sitesi
• E-postalar
• Sosyal medya
• Özel Grafikler
• Mobil uygulama
• internet uygulaması

Font Awesome'i kullanıyoruz, çünkü büyük bir simge kitaplığına kolayca erişmenin uygun bir yolu. Stil, markamızla uyumlu olan eğlenceli tarafta; artı, farklı ağırlık ve ikon stillerini kullanabilmemiz bize özgürlük veriyor.

Ürün kullanıcı deneyiminde çok tutarlı bir his sağlayan uygulamalarımız için CDN kullanıyoruz. Artı - gerektiğinde yükseltmek çok basit. Pazarlama materyalleri ile biraz daha esnektir ve CDN, yerel kurulum ve vektör sürümlerimizin bir karışımını kullanıyoruz.

Ocak ayında tamamen benimsediğimizden beri FA bizim için her zaman güvenilir oldu.

Andrew Ruditser: Font Awesome yükseltildikçe biz de

Font Awesome is used on all our sites since the dawn of time. When we first started working with Font Awesome, it was mainly used for their Sosyal medya Icons. As Font Awesome upgraded, so did we. Not only are their phone icons fantastic, we enjoy the comical icons that they offer. As of recent, Font Awesome announced their version 6 icons. To us, this shows that Font Awesome cares for their users, and want to keep their system up to date with recent code.

Font Awesome şimdi seçim yapabileceğiniz çok çeşitli simgeler sunuyor. Bu esnekliğin Tasarım aşamasından Geliştirme aşamamıza kadar bize yardımcı olduğunu düşünüyoruz. Font Awesome için platformları kullanıcıları için iki seçenek sunar. İlk Seçenekler, aralarından seçim yapabileceğiniz 1.588 ücretsiz simge sunan Ücretsiz bir hizmettir. İkinci seçenek, 7.842 simge sunan bir Pro üyeliğidir. Bu şirket aynı zamanda Icon hile sayfası dediğimiz şeye sahiptir. Bu liste, ücretsiz paketin veya profesyonel paketin parçası olup olmadıklarını bize bildiren Font Awesome'in sunduğu tüm simgelerini görüntüler.

Eklemek için Font Awesome ayrıca kodlarını CDN'lerinden çekme seçeneği de sunar. Onların yol gidiş öneririz. CDN'lerinin hızlı tepki süresi vardır ve sitemiz ile platformları arasında çok az “gecikme” yoktur.

Jeff Romero: Sayfanın hızını çok daha hızlı hale getiriyor

Wordpress'te küçük ve orta ölçekli işletme müşterileri için özel web siteleri geliştiriyoruz. Geçmişte, web sitelerimizde sosyal medya profillerinden telefon ve e-posta simgelerine kadar çeşitli simgeleri temsil etmek için resimler kullandık. Simgeler için bir görüntüyü kullanma işlemi, tutarlı bir simge kümesi bulmayı, bunları yüklemeyi ve siteye sığdıklarından emin olmak için yeniden boyutlandırmayı gerektirir.

Küçük bir resim dosyası olmasına rağmen, tutarlı bir simge kümesi almak ve sitenin şablonuyla eşleşmesini sağlamak için bir süreç biraz. Şimdi, Font Awesome ve Wordpress eklentisini kullanarak, simgeleri bir HTML satırını kopyalamayı / yapıştırmayı gerektiren tutarlı bir medya setiyle değiştirebiliriz. Daha da iyisi, simgeler az miktarda CSS (yazı tipi boyutu özelliğini kullanarak) ile yeniden boyutlandırılabilir. Simgeler, görüntü tabanlı bir simgeden daha iyi görüntülenir ve mobil cihazlarda açıkça görülebilir. Son olarak, bir görüntü dosyası yerine bir HTML satırı olduğundan, sayfanın hızını çok daha hızlı hale getirir.

Vance: ekibinizde bir tasarımcı olmadığında özellikle iyi

Bir web geliştiricisi olarak, Font Awesome'i birçok güzel simge için hızlı bir çözüm olarak kullanıyorum. Bununla birlikte, Font Awesome, geliştirme ekibinizde bir tasarımcı olmadığında özellikle iyidir. Wordpress eklentileri geliştirmek için kullanışlıdır, çünkü geliştiriciler bunları Font Awesome CDN'lerini hemen kullanarak eklentilerine ekleyebilirler.

Font Awesome ile yaşadığım deneyim şimdiye kadar iyi. Ancak bu, herhangi bir dezavantajı olmadığı anlamına gelmez. En belirgin dezavantajlardan biri sayfa yükleme hızıdır (performans). Hızlı bir çözüm olduğundan, sadece birkaç simge kullanmanıza rağmen, bir dizi simgeyi gömmeniz gerekir. Bu, web sitesi yükleme hızını ve Google Sayfa Hızı (PSI) puanlarını düşürebilir.

Sunny Ashley: Basit, temiz ve yeni ziyaretçiler için anında tanınabilir

Web sitesi altbilgimizde Font Awesome simgelerini kullanıyoruz. Özellikle, sosyal medya kanallarımıza referans vermek için Facebook, Twitter ve LinkedIn simgelerini kullanıyoruz. Basit, temiz ve yeni ziyaretçiler için anında tanınabilir. Diğer Font Awesome kullanıcılarının da bildiği gibi, yapılandırmaları da çok hızlı ve kolaydır.

Burak Özdemir: Geçiş Yumuşatma Simgeleri aşırı DOM boyutuna neden olmaz

Tüy Simgeleri, Cole Bemis tarafından tasarlanan ve sürdürülen okunabilir, görsel açıdan hoş açık kaynak simgelerinin bir koleksiyonudur. Haziran 2020 itibariyle 280'den fazla simge mevcut. Geçiş Yumuşatma Simgeleri tarafından sağlanan tüm simgeler MIT lisanslıdır ve SVG dosyaları olarak ayrı olarak indirilebilir. İndirmeden önce Geçiş Simgesi web sitesinde simge boyutunu, simgenin kontur rengini ve kontur genişliğini özelleştirebilirsiniz.

Bir geliştirici iseniz veya bazı temel ön uç görevlerini nasıl yapacağınızı biliyorsanız, Tüy Simgeleri web siteniz veya projeniz için mükemmel bir seçim olabilir. Bu hafif simgeler modüler bir JavaScript kitaplığıyla da oluşturulabildiğinden, web sayfa performansınıza zarar verebilecek bir metrik olan aşırı bir DOM boyutuna neden olmazlar. Böylece, Geçiş Simgeleri'ni kullanarak, sayfa yükleme hızını piyasadaki diğer paketlere göre daha fazla düşürebilirsiniz. Bu simge setini kullanmanın tek dezavantajı, marka simgelerinin çoğunu bulamamanızdır.