Font Awesome – Icon Derdine Son

Published by Barış Parlan on

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 named Barış Parlan. Natural born curious and critical which evolved into a nerd digital storyteller. Ph.D. candidate of remix theory within digital humanities. Technology consultant, graphic designer, VJ (visual-jockey), artist. #science #futurism #cyberpunk #criticaltheory #anarchy

3 Comments

askinacikalin · 2015-12-02 at 10:40

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 at 14:30

    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 at 14:29

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 ?

Leave a Reply

Avatar placeholder

Your email address will not be published. Required fields are marked *

Font Awesome – Icon Derdine Son

Okuma süresi: 1 min
3