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 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.

Google Font Türkçe Karakter Sorunu Çözümü
3.55 (70.91%) 11 oy

Murat ÖNER

1989 yılında Kocaelinin Dilovası ilçesinde doğdum ilkokul ve lise eğitimimi Kocaeli’de aldım, önlisans üniversite eğitimimi Mehmet Akif Ersoy Üniversitesi Gölhisar Meslek Yüksekokulu’nda bilgisayar programcılığı bölümünde yaptım. Üniversite dönemi boyunca Microsoft'un student partner projesinde yer aldım ve diğer student partner öğrencileri ile birçok farklı projede yer aldım. Üniversite eğitimi tamamlandıktan sonra staj yapmış olduğum Ries Technologies şirketinde yazılım geliştirici ve web designer olarak görev aldım ardından Gen Yazılım firmasında ERP ve HBYS sistemleri ile ilgili yazılım geliştirmeye devam ettim. Şuan aktif olarak mobil, web ve masaüstü uygulamalar geliştirmeye devam etmekteyim.

Bunlar da hoşunuza gidebilir...

42 Cevaplar

  1. fethi doğan dedi ki:

    emeğine sağlık hocam

  2. 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.

  3. ahmet dedi ki:

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

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

    }

    • 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

      Değiştirilmiş Hali

  5. 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?

  6. 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

    • engin dedi ki:

      mobildede aynı sorun var.

      • 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.

        • engin dedi ki:

          yorumları okuyarak denemeler yaptım ama sonuç yok

        • Murat ÖNER dedi ki:

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

          • engin dedi ki:

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

            • 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.

  7. 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

    • 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.

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

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

  9. 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?

  10. enes celi dedi ki:

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

  11. 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 .

    • 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

      • 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

  12. ali yüceer dedi ki:

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

  13. Bedirhan dedi ki:

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

  14. 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

    • 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.

Bir Cevap Yazın

%d blogcu bunu beğendi: