Site simgesi olarak bir Font Awesome simgesi kullanmak mümkün mü ? Tarayıcı sekmesinde bir web sitesi başlığının yanında görünen küçük simgeyi biliyor musunuz?
Favicon Olarak Font Awesome Simgesini Kullan
Yanıtlar:
Evet öyle. İstediğiniz karaktere sahip bir şeyin ekran görüntüsünü alın, istediğiniz bölümü kesin ve bir görüntü (.ico) olarak kaydedin.
Cidden şimdi, her tarayıcının desteklediği biçimleri kontrol etmek isteyebilirsiniz: http://en.wikipedia.org/wiki/Favicon#File_format_support
Karakterleriniz resim veya vektör dosyalarıysa, çoğu tarayıcıda sorun yaşamazsınız ancak IE (MS sizden nefret ettiği için) . Aksi takdirde, onları gerçekten önce resim olarak kaydetmeniz gerekir.
3
Lisans buna izin veriyor mu?
—
art-solopov
@ sanat-Solopov Evet, yok - onların lisans sayfasında bunu kontrol edebilirsiniz: fortawesome.github.io/Font-Awesome/license
—
Renan
OFL'yi okudum ve yazı tipinin formatını değiştirmek veya gliflerden bir resim oluşturmakla ilgili hiçbir şey bulamadım. Eksik bir şey varsa özür dilerim, lütfen beni belirli bir bölüme yönlendirir misiniz? Teşekkür ederim.
—
art-solopov
Ekran görüntüsü önerdiği için olumsuz oy verildi. Bunu başarmanın birçok kayıpsız yolu var.
—
metaColin
@marcogmonteiro fontawesome.com/download adresini ziyaret ederseniz , simgeleri .svg dosyaları olarak indirebilirsiniz. Çoğu tarayıcı, bir .svg öğesini favicon olarak kabul eder. IE'nin eski sürümlerini desteklemeniz gerekiyorsa, Photoshop veya Illustrator kullanarak .svg dosyasını dönüştürerek güzel ve temiz bir raster varlığı (.png gibi) elde edebilirsiniz.
—
metaColin
DÜZENLEME: http://gauger.io/fonticon kullanmanızı öneririm
Bunu yapmak için çevrimiçi bir Font Awesome Favicon Generator'ı oluşturdum!
Font Awesome Favicon Generator'a bakın .
Güzel, hızlı ve etkili. +1!
—
U rsus
@Freddy aslında jeneratör zaten bunu yapabiliyor, sadece bunun için kullanıcı arayüzü oluşturmadım. Arka plan ve ön plan için sırasıyla bg ve fg parametrelerini RGB HEX renk değerlerini kullanarak geçirin. örneğin, paulferrett.com/fontawesome-favicon/…
—
Paul
@ paul-ferrett: Oluşturulan simgenin boyutunu değiştirmenin bir yolu var mı?
—
vgoklani
Güzel uygulama. Maalesef günümüzde sadece 16x16 favicon yeterli değil. Gerekli tüm boyutlarda tüm gerekli faviconları içeren bir zip dosyası indirmek güzel olurdu.
—
coorasse
Ayrıca Paul Ferrett'in çözümünde eksik olan ek özelliklere sahip çevrimiçi bir Font Awesome Favicon Generator oluşturdum.
- favicon'un önizlemesi tarayıcıda canlı
- simgenin boyutlandırılması
- şeffaf simge ve arka plan
- büyük resim boyutu (simge istediğiniz kadar ayrıntılı olabilir)
- iconset github çekme isteği ile güncellenebilir
- Font Awesome 4.7 güncellemesi 06/2017
- güncelleme 06/2017 bulanık arama ve anahtar kelime arama
- güncelleme 09/2017 yığılmış simgeler
- Font Awesome 5.0.13'e 06/2018 güncellemesi
- Font Awesome 5.5.0'a güncelleme 11/2018
- Font Awesome 5.8.1'e 04/2019 güncellemesi
- güncelleme 04/2019 Font Awesome Pro için destek ekledi !
Ek özellikler istiyorsanız, lütfen buradan bir sorun veya bir çekme isteği göndermekten çekinmeyin .
@vgoklani Önerileriniz varsa lütfen bana bildirin :)
—
eclipse
@eclipse: Çok teşekkür ederim! Bu beni çok fazla acıdan kurtardı.
—
sam
Bu büyük çaba için teşekkür ederiz, önce bazı uyarılar veriyorum : Bir görüntüyü indirdiğimde genişlik ve yükseklik için her zaman 1024'tür, gerçek boyutuna göre yeniden boyutlandırılmalıdır. ikinci: kaydırıcı değerinin boyutu yazılmalı veya daha iyi bir sayı kutusunda ayarlanabilir
—
Saif
Bunu yığılmış simge desteğiyle geliştirdim. PR incelenmeyi bekliyor.
—
trung
Canlı sekme önizleme özelliğini seviyorum!
—
Tot Zam
Herhangi bir görüntü, aşağıdaki gibi bir favicon oluşturucu sitesine yüklenebilir:
veya
Seçtiğiniz sitedeki çevrimiçi talimatları izleyin. Genellikle üç adımlı bir süreçtir. Favicon'u sitenizin en üst seviyesine kaydedin.
Tarayıcılar arası uyumluluk için, faviconlar için her zaman resimleri kullanmanızı öneririm. Oluşturduğunuz bazı siteler yalnızca modern tarayıcılar için olsa bile, favicon resminizi yine de bir görüntüye dönüştürür. Sürekli olarak aynı işlemi kullanmak size endişelenecek bir şey daha verir.
"Siteniz yerelse, yalnızca siteyi web barındırıcınıza yüklediğinizde bir favicon'un Chrome'da görünmeyeceğini unutmayın". bu doğru değil.
—
U rsus
Yerel olarak favori simgenizi görme konusunda sorun yaşıyorsanız bkz. stackoverflow.com/questions/16375592/…
—
otherDewi
Doğrudan harika font karakterini favicon olarak resme dönüştürmeden kullanabilmeniz mümkün değildir. Karakteri resme dönüştürmelisiniz ..