GOOGLE FONTS TÜRKÇE KARAKTER SORUNU ÇÖZÜMÜ

21 August 2016

CSS

Web projenizde google font kullanmaya karar verdiniz. Seçmiş olduğunuz font türkçe karakterleri destekliyor. Ancak ne var ki font projenizde düzgün görüntülenmiyor. Bunu çözmek için yapmanız gereken çok basit iki işlem var. Ben örnek font olarak Rajdhani fontunu kullanacağım.

Normalde fontu seç diyip kullandığımızda link yapımız aşağıdaki gibidir.
https://fonts.googleapis.com/css?family=Rajdhani:400,300,500,700,600
Bu linkin sonuna &subset=latin,latin-ext eklediğimiz zaman türkçe karakterlerle ilgili bir sorun kalmayacaktır.
Yani linkin son hali aşağıdaki gibi olacaktır:
https://fonts.googleapis.com/css?family=Rajdhani:400,300,500,700,600&subset=latin,latin-ext

Dikkat etmemiz gereken bir diğer nokta ise; fontu kullanırken css’te font adını belirttikten hemen sonra ,sans-serif eklemektir. Tüm bunları tek bir ekranda göstermek gereklrse;

Tüm bu işlemleri yaptıktan sonra türkçe karakterler sorunsuz bir şekilde web sitenizde çalışacaktır.