Google Font Türkçe Karakter Sorunu Çözümü

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ü

Google Font Türkçe

Örnek google font css link’i

Değiştirmeniz gereken link ise şu şekilde olmalıdır

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.

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.

Bunlar da hoşunuza gidebilir...

52 Cevaplar

  1. Rasim Sezgin dedi ki:

    Belirttiğiniz gibi kullandığım font href’inin sonuna eklediğimde sorun çözüldü. Paylaşımınız için çok teşekkür ederim, zaman kazandıran bir bilgi paylaşımı gerçekten. Yazınızdaki ifadeler html tarafından render edildiğinde görünmez hale gelmiş, sayfa kaynağından bakınca okunuyor 😉 comment’lemekte fayda var

  2. Murat ÖNER dedi ki:

    Yorumunuz için teşekkürler websayfamı 2-3 gün önce wordpress’e aktarmak zorunda kaldığım için eksikleri henüz gideremedim. En yakın zamanda bahsettiğiniz sorunla ilgileneceğim.

  3. Bedirhan dedi ki:

    Gerçekten emeğinize sağlık…

  4. Murat ÖNER dedi ki:

    Teşekkür ederim ihtiyacınızı karşılamış ise ne mutlu.

  5. ali yüceer dedi ki:

    Allah razı olsun bilmeyince 2 gün uğraşıyoruz işte

  6. cemal dedi ki:

    Anlaşılan bir çok kişide işe yaramış ama malesef ben hala halledemedim nedeni ise bu verilen linkleri kopyaladıktan sonra nereye girip değiştiriyoruz ben asıl kodun nerede olduğunu hala çözemedim . yardımcı olursanız sevinirim tşk .

  7. Murat ÖNER dedi ki:

    Önemli olan sonuca ulaşmış olmak 🙂

  8. Murat ÖNER dedi ki:

    Google font’ları nasıl kullanacağınıza dair plunkr sitesinde bir çalışmam var oradan css ve html dosyalarına bakıp farklı farklı google fontları nasıl kullandığıma gözatabilirsiniz.

    Plunkr Çalışması: https://plnkr.co/edit/VuVtvn?p=info

  9. cemal dedi ki:

    teşekkür ederim … vermiş olduğunuz linki açılan sayfadaki alt satıramı yapıştırıyoruz… bu konuda büyük sorunlar yaşıyorum …
    olmadı teamwiver üzerinden de yardım istersem umarım ayıp etmiş olmam

  10. Murat ÖNER dedi ki:

    iletişim sayfasından teamviewer bilgilerinizi iletirseniz yardımcı olmaya çalışırım.

  11. enes celi dedi ki:

    fonttr google fonts diye bir liste yayınlamş ve indrebiliyorsunuz.

  12. Murat ÖNER dedi ki:

    Evet gerçekten yararlı bir çalışma olmuş teşekkürler paylaşımın için.

  13. Fırat A. dedi ki:

    Murat hoca selamlar.
    Valla bende hayatımda ilk defa bir siteyle uğraşayım dedim. Bu işlerden iç anlamam. wordpress teması satın aldım. sağını solunu kurcalıya kurcalıya bişeyler yapmaya çalıştım ancak. kendi makinamdan görüntüleme yaptığımda sorun gözükmüyor ama başka mobil cihaz veya bilgisayardan görüntüleme yaptığımda türkçe karakterlerin fontlarını bozuk gösteriyor. bir türlü çözemiyorum. forumlarda okuduğum kadarıyla uygulanan çözümleri denemeye çalışıyorum ama benım temada sanırım bazı dosyaları gizlemişlermi nedir. kodlara ulaşamıyorum. yokmudur bunun daha kolay bir çözümü :/ yardımcı olma şansınız varmı acaba?

  14. Murat ÖNER dedi ki:

    Merhaba Fırat bey,

    Sorun yaşadığınız siteyi buradan yada özelden atarsanız yardımcı olmaya çalışayım.

  15. dogukan kayıkçıoğlu dedi ki:

    Teşekkür ederim sorunumu çözdüm.

  16. Murat ÖNER dedi ki:

    Rica ederim ihtiyacınızı karşılamasına sevindim.

  17. nalaninhobileri dedi ki:

    Merhaba, roboto fontunu kullanıyorum. Chrome’da hiç bir sorun yok ama internet explorer’da Türkçe karakterler bozuk görünüyor. Verdiğiniz kod değişikliği bu sorunu çözer mi ?

    http://goo.gl/o6fRRe

  18. Murat ÖNER dedi ki:

    Merhaba,

    sitenizde az önce denediğim kadarıyla google font linkinizde subset kısmına latix-ext’i ekleyince internet explorer’da sorun çözülmüş oldu şimdi sorunu nasıl çözeceğinizi göstereyim sizin sayfanızda yer alan google font kodu şu;

    bu kodda subset= diye bir değişken var ve değer olarak latin değeri verilmiş bunu latin,latin-ext olarak değiştirin sorunun çözüldüğünü göreceksiniz.

  19. engin dedi ki:

    merhaba
    yazınızı inceledim fakat joomlada hazır one page tema kullanıyorum ayarlarında latin ext seçilebiliyor fakat ie ve edgede sorun yaşıyorum diğer tarayıcılarda sorun yok

  20. engin dedi ki:

    mobildede aynı sorun var.

  21. Murat ÖNER dedi ki:

    Merhaba @engin aynı sorunu bir alttaki yorumda @nalaninhobileri kullanıcımızda yaşıyordu çözüm için html etiketine lang=”tr” özelliğini eklermsiniz sonucuda bizimle paylaşırsanız sevinirim.

  22. engin dedi ki:

    yorumları okuyarak denemeler yaptım ama sonuç yok

  23. Murat ÖNER dedi ki:

    Siteyi paylaşma imkanınız varmı?

  24. engin dedi ki:

    siteyi paylaştım ama galiba siz kaldırdınız reklam olmaması için.

  25. Murat ÖNER dedi ki:

    Yorum sistemi linkli paylaşımları izin dahilinde paylaşıyor ancak yeni farkettim o mesajınızı.

    Bu arada Siteye gözattım sorun latin-ext ekini yazmışsınız yada siz yazmadıysanız eksik yazılmış subset= değişkeni tanımlanmaış önüne sitenizde google font apisi kullanılarak 2 tane font alınıyor biri Play diğeride Roboto ikisininde düzeltilmiş hallerini altta paylaşıyorum değiştirirseniz sorun çözülecektir ben siteniz üzerindeki değişikliği lokalde yapmış sorun düzeldi.

    
    
    
  26. engin dedi ki:

    hocam çok teşekkür ederim uzun zamandır uğraşıyordum sonunda sayenizde çözdüm sağolun..

  27. Murat ÖNER dedi ki:

    Rica ederim sorunun giderilmiş olmasına sevindim.

  28. nalaninhobileri dedi ki:

    Sayenizde sorun çözülmüş oldu. Çok teşekkür ederim

  29. Murat ÖNER dedi ki:

    Rica ederim önemli olan sorunun giderilmiş olması.

  30. nalaninhobileri dedi ki:

    İzniniz olursa bir soru daha sormak istiyorum. WordPress ziyaretçi istatistik bilgisi için Analytics’e ek olarak wp statistic eklentisini kullanıyorum. Her ikisini kıyasladığımda arada epey farklılıklar gözlemliyorum. İstatistik için önereceğiniz iyi bir eklenti var mı?

  31. Murat ÖNER dedi ki:

    Analytic ihtiyacı için sadece Google Analytics kullanıyorum bu ihtiyaç hiç eklenti kullanmadığımdan öneride bulunmam doğru olmayacaktır ama Yandex metrica servisininde çok iyi olduğunu düşünüyorum bu konuda özellikle mouse pozisyonlarını kaydederek ekranda nereleri dolaştığı ile ilgili olayı çok hoşuma gitmişti.

  32. nalaninhobileri dedi ki:

    Eklentiyi silip yandex metrica’yı deneyeyim. Tekrar teşekkür ederim.

  33. Mert dedi ki:

    Merhaba, dediklerinizi yaptım fakat sorun halen devam ediyor. Site Safari’de çok kötü görünüyor. Türkçe karakterler kalın ve puntosu büyük. Bir türlü değiştiremiyorum. Yardımcı olur musunuz?

  34. Murat ÖNER dedi ki:

    Siteyi paylaşma imkanınız varsa paylaşın yardımcı olmaya çalışayım.

  35. Can Demiral dedi ki:

    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’);

    }

  36. Murat ÖNER dedi ki:

    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

    http://fonts.googleapis.com/css?family=Forum%3A300%2C+400%2C+700%7COpen+Sans%3A300%2C+400%2C+700&subset&ver=4.6.1

    Değiştirilmiş Hali

    http://fonts.googleapis.com/css?family=Forum%3A300%2C+400%2C+700%7COpen+Sans%3A300%2C+400%2C+700&subset=latin,latin-ext&ver=4.6.1
  37. ahmet dedi ki:

    Çok işime yaradı teşekkürler,

  38. Murat ÖNER dedi ki:

    Rica ederim işine yaramış olması önemli olan.

  39. Deniz dedi ki:

    1-2 saattir uğraşıyordum araştırma yapmak son anda aklıma geldi.Sayenizde beni oyalayan sorun düzeldi, teşekkürler.

  40. Murat ÖNER dedi ki:

    Rica ederim önemli olan sorunun çözülmüş olması.

  41. fethi doğan dedi ki:

    emeğine sağlık hocam

  42. Melek dedi ki:

    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

  43. Murat ÖNER dedi ki:

    teşekkür ederim

  44. Murat ÖNER dedi ki:

    ihtiyacınızı karşılamasına sevindim.

  45. Ali dedi ki:

    Gerçekten şak diye sorunu çözen bir püf noktası paylaşmışsınız. Çok teşekkür ederim.

  46. Murat ÖNER dedi ki:

    Sorununuzun çözülmüş olmasına sevindim.

  47. Recep dedi ki:

    Denedim fakat çözemedim sorunu halen “Abel” fontunu kullanıyorum fontun kendisinde türkçe karakterler yok bundan olabilirmi acaba?

  48. Murat ÖNER dedi ki:

    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.

  1. 8 Aralık 2019

    […] seçmiş olduğunuz Google Font’u ile ilgili bir türkçe karakter sorunu oluştu ise Google Font Türkçe Karakter Sorunu Çözümü adlı makaleye […]

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir