Google Font Türkçe, Google font neredeyse artık her projemizde yerini alan vazgeçilmezlerden olmuştur fakat türkçe karakter sorunu mevcuttur bu sorunu aşmak içinde makalede belirtileni uygulayıp kolayca türkçe karakter sorunu olmayan google font’ları elde edebilirsiniz.
Google Font Türkçe Karakter Sorunu Çözümü
Örnek google font css link’i
1 | <link href="http://fonts.googleapis.com/css?family=Play" rel="stylesheet" type="text/css" /> |
Değiştirmeniz gereken link ise şu şekilde olmalıdır
1 | <link href='http://fonts.googleapis.com/css?family=Play&subset=latin,latin-ext' rel='stylesheet' type='text/css'> |
Yukarıdaki değiştirmeniz gereken link ile ilgili verilen örnekte ‘Play’ yazan yere kendi kullanmak istediğiniz font’un adını yazabilir yada kullanmış olduğunuz google font’un href adresinin sonuna ‘&subset=latin,latin-ext’ kodunu türkçe karakter sorununu aşmak için eklemelisiniz.
Internet Explorer’da yaşanan farklı bir sorun
Üstteki değişiklikleri yapmanıza rağmen eğer türkçe karakter sorununuz internet explorer’da devam ediyorsa alttaki değişiklikleri yapınız.
Html etiketine lang=”tr” özelliğini ekleyiniz.
1 | <html lang="tr"> |
Eğer döküman type’nız Html5 yani <!DOCTYPE html>
ile başlıyorsa <meta charset="utf-8"/>
metasını head etiketleri arasına ekleyin.
Html5 değilse <meta http-equiv="content-type" content="text/html; charset=utf-8">
metasını head etiketleri arasına ekleyin.
Google fontlardan beğendiğim ve sizlerle ayrı bir makalede paylaşmış olduğum En Sık Kullanılan Kaliteli Google Fontları adlı makaleye gözatmanızı öneririm.
MERHABALAR…
BİLDİĞİM BİR YÖNTEMDİ LAKİN ŞU FONTTA İŞE YARAMIYOR SANIRIM;
family=Sofia&subset=latin,latin-ext
?
Merhaba,
Kullandığınız font’un subsetlerinde latin ve latin-ext destekli bir subset bulunmadığından olabilir.
Bilgi için çok teşekkürler işe yaradı 🙂
Feedback için teşekkürler, işinize yaramış olmasına sevindim 🙂
Denedim fakat çözemedim sorunu halen “Abel” fontunu kullanıyorum fontun kendisinde türkçe karakterler yok bundan olabilirmi acaba?
Tabi ki belirtmiş olduğunuz durum olma ihtimali kesinlikle var eğer font’un Türkçe karakter desteği yok ise bir işe yaramayacaktır.
font family aradım bir sürü türkçe karakter desteklesin diye sadece bir kod satırının çözdüğünü görünce çok mutu oldum çok teşekkürler
ihtiyacınızı karşılamasına sevindim.
emeğine sağlık hocam
teşekkür ederim
1-2 saattir uğraşıyordum araştırma yapmak son anda aklıma geldi.Sayenizde beni oyalayan sorun düzeldi, teşekkürler.
Rica ederim önemli olan sorunun çözülmüş olması.
Çok işime yaradı teşekkürler,
Rica ederim işine yaramış olması önemli olan.
Merhaba öncelikle teşekkür ediyorum faydalı bir paylaşım olmuş. 1 Haftadır uğraşıyorum çözemediğim bir konu var. Ben yukarıdaki tüm dediklerinizi yaptım içerik oldu ama başlıklar sadece explorer ve mobil tarayıcıda sorunlu çıkıyor. İ,Ö,Ğ harflerinde bozuk gözüküyor. Chrome’da hiç bir problem yok. ne yaptıysam olmadı. Aşağıdaki düzenlemeyi yaptıktan sonra düzeldi. Fakat “Forum” fontu explorer ve mobil tarayıcıda sorun çıkarıyor. Open+Sans yerine Forum yazıyorum bu sefer başlıklar düzeliyor içerikler bozuk çıkıyor. Acil yardım edebilir misiniz ?
}
if ($googlefont != ”) {
wp_enqueue_style(‘google-font’, “$protocol://fonts.googleapis.com/css?family=” . substr_replace($googlefont, “”, -1) . “&subset=” . cstheme_option(‘google_font_subset’));
}
wp_enqueue_style(‘google-font-custom’, ‘https://fonts.googleapis.com/css?family=Open+Sans:400,300,700&subset=latin,latin-ext’);
}
Merhaba,
sizinde belirttiğiniz gibi masaüstü chrome’da hiçbir sıkıntı yok ama mobilden ve chrome tarayıcısı ile girdiğimde menüdeki bazı türkçe karakterler sapıtıyordu bunun çözümü içinde yapmanız gereken altta sizinle paylaştığım kodun wp temasında nerede üretildiğini bulup gerekli değişikliği yapmalısınız ben yinede nerede değişiklik yaptığımı belirteyim Forum adlı google font linkinde subset değişkenine hiçbir belirtme yapılmamış sizin subset kısmında subset=latin,latin-ext şeklinde ekleme yapmanız gerekiyor ben bu şekilde yapınca hem menüde hemde içerikde bir sorun göremedim buna rağmen farklı platformlardan sorun halen devam ediyor ise görüntülü bir biçimde paylaşırsanız daha detaylı yardımcı olmaya çalışırım.
Not: Üstteki değişiklikleri görüntülediğim yer ve değişiklikleri chrome geliştirici araçları ile yapmış olduğum site profilinizde belirtmiş olduğunuz sayfadır eğer başka bir sayfadan bahsediyor isek onuda belirtirseniz iyi olur.
Orjinal Hali
Değiştirilmiş Hali