Duyanların “neden daha önce hiç düşünemedik lan bunu” dediği, ve hemen kullanmaya başladığı Font Awesome, özette bütün icon taleplerinizi sona erdiren bir font tipi. Dökümanı siteniz ile kullanmaya başlıyorsunuz, sonrasında ise mevcut yüzlerce sosyal medya – web site tasarımı için olmazsa olmaz diyebileceğiniz ikon, simgle, sembol, bu font dosyası ile birlikte elinizin altında bulunuyor. Font’lara renk verebildiğinizden bu ikonlara da renk verebiliyorsunuz. Mevcut yazıyı okuduğunuz sayfamdaki “arama” ve diğer bütün sosyal medya ikonları, esasta bu font dökümanından çekilmekte… Mutlaka incelemenizi ve bir deneme yapmanızı tavsiye edeceğim, web tasarımı konseptinde yep yeni bir standart olmaya aday FontAwesome hakkında daha fazla bilgiyi bu linke tıklayarak alabilirsiniz. Kendisi, GitHub (FontAwesomeGitHub) üzerinden geliştirilen OpenSource bir sistemdir…

Chrome Gözükmüyor mu?

Ayrıca, Heuman vb. wordpress teması kullanıyor, ve fakat browserinizde FontAwesome ikonları kare şeklinde, yani arızalı gözüküyorsa, farklı browserlarda deneme yapınız. Eğer Chrome vs. dahil bütün browserlarda arıza mevcut ise, aşağıdaki satırları, Child Theme’nizin function.php kodunun başına ekleyiniz:

//* Load Font Awesome
add_action( 'wp_enqueue_scripts', 'enqueue_font_awesome' );
function enqueue_font_awesome() {
wp_enqueue_style( 'font-awesome', '//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css'); }

Eğer sadece Firefox’da arıza alıyorsanız, aşağıdaki satırları .htaccess dökümanınıza ekleyiniz:

<FilesMatch ".(ttf|otf|eot|woff)$">
<IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*"
</IfModule> </FilesMatch>


Barış Parlan

I'm an earthling called Barış Parlan. a graphic designer & information technology specialist living in Cyprus. nerd, digital storyteller. doing phd about serious games and cross-reality. fan of photography, science, futurism, cyberpunk. interested in critical theory. practicing anarchism and atheism. polyamorous sapiosexual.

3 yorum

askinacikalin · 2015-12-02 10:40 tarihinde

Kodu font-awesome.min.css dosyasının içine yapıştırıyoruz değil mi? şu AN TAMDA BÖLE BİR SIKINTI YAŞIYORUM yardımcı olursanız sevinirim.

    Barış Parlan · 2015-12-02 14:30 tarihinde

    Tam olarak hangi koddan bahsettiğinizi anlamadım, ama şu şekilde ifade edeyim, font dosyaları yerlerinde duruyor, awesome.css dokümanı ise normal kendi sitenizin css dokümanı ile aynı dosyada duruyor. Sizin yapmanız gereken ise, kendi css dokümanınız içine awesome.css dokümanını “import” etmek. Böylece gerekli bilgileri okuyacak, ve fontlara ulaşacak.

osarica · 2016-06-21 14:29 tarihinde

Chrome de ikonlar çıkıyor. Bende sadece firefox da kare kare çıkıyor, ilgili kodu .htaccess e ekledim ama firefoxda halen çıkmıyor ne yapmam lazım

Birde İE de hiç yok onda zaten çıkmıyormu ?

Yorum Yaz

Font Awesome – Icon Derdine Son

Okuma süresi: 1 min
3