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.
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?
Siteyi paylaşma imkanınız varsa paylaşın yardımcı olmaya çalışayım.
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
mobildede aynı sorun var.
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.
yorumları okuyarak denemeler yaptım ama sonuç yok
Siteyi paylaşma imkanınız varmı?
siteyi paylaştım ama galiba siz kaldırdınız reklam olmaması için.
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.
hocam çok teşekkür ederim uzun zamandır uğraşıyordum sonunda sayenizde çözdüm sağolun..
Rica ederim sorunun giderilmiş olmasına sevindim.
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
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.
Sayenizde sorun çözülmüş oldu. Çok teşekkür ederim
Rica ederim önemli olan sorunun giderilmiş olması.
İ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ı?
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.
Eklentiyi silip yandex metrica’yı deneyeyim. Tekrar teşekkür ederim.
Rica ederim
Teşekkür ederim sorunumu çözdüm.
Rica ederim ihtiyacınızı karşılamasına sevindim.
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?
Merhaba Fırat bey,
Sorun yaşadığınız siteyi buradan yada özelden atarsanız yardımcı olmaya çalışayım.
fonttr google fonts diye bir liste yayınlamş ve indrebiliyorsunuz.
Evet gerçekten yararlı bir çalışma olmuş teşekkürler paylaşımın için.
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 .
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
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
iletişim sayfasından teamviewer bilgilerinizi iletirseniz yardımcı olmaya çalışırım.
Allah razı olsun bilmeyince 2 gün uğraşıyoruz işte
Önemli olan sonuca ulaşmış olmak 🙂
Gerçekten emeğinize sağlık…
Teşekkür ederim ihtiyacınızı karşılamış ise ne mutlu.
Gerçekten şak diye sorunu çözen bir püf noktası paylaşmışsınız. Çok teşekkür ederim.
Sorununuzun çözülmüş olmasına sevindim.
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
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.