Webmaster

Google Web Fonts Türkçe Karakter Sorunu

Google News

Bir web sayfası içerisinde bilgisayarımızdaki sistem fontları dışında farklı fontlar kullanımı konusunda hazırladığımız makaleyi sizlerle daha önce paylaşmıştık. (Sitede farklı kont kullanımı makalemize gitmek için buraya tıklayın.)

Google fonts üzerinden web sitesinde kullanmak istediğimiz fontların hepsinde maalesef Türkçe desteği olmayabiliyor. Bu da ş,ğ,ü,ç gibi karakterlerin sayfada hatalı gözükmesine neden oluyor. Sayfada Türkçe karakter hatası almayacağımız fontlar eklemek için font seçimini doğru yapmalı ve Latin Extended desteği olan fontları seçmeye özen göstermeliyiz. Sayfaya fontu eklerken yapmamız gereken işlem fontun Latin desteği ile birlikte Latin Extended desteğini de eklememiz gerekmektedir.

Tabi dikkat edilecek kısım fontun seçiminin yapılması ile de kalmıyor, fontu sayfamıza eklerken Türkçe desteğiyle birlikte dahil etmemiz gerekiyor. Gerekli işlemi de aşağıdaki şekilde ilerleyerek yapabiliriz, böylelikle Türkçe karakter desteğini sağlamış olacağız.

Font Latin ExtendedFontu web sayfamıza eklerken görselde gözüktüğü şekilde Latin Extended seçimimizi yapabilir bu haliyle fontu sayfamıza ekleyebiliriz.

Latin Extended seçimini yapmadan önce <head> tagına ekleyeceğimiz url şu şekilde gözükürken;

[html] <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
[/html]

Latin Extended desteğini de ekledikten sonra uzantı şu şekilde değişecektir;

[html] <link href="https://fonts.googleapis.com/css?family=Open+Sans&subset=latin-ext" rel="stylesheet">
[/html]

Gördüğümüz üzere sadece font tanımlama linki devamına “&subset=latin-ext” etiketi eklenmiş oldu, bu da bize Türkçe karakter desteği sağlamış oluyor. Bu biçimde sayfada kullanacağımız Türkçe karakterlerin, seçtiğimiz Open Sans fontu için düzgün gözükmesini sağlamış olduk. Google web fonts kullanıcılarına ek bilgi olarak belirtmemiz gerekirse tüm fontlar için Latin Extended desteğinin olmadığı bilgisini de vermekte fayda var. Font seçiminizi bu şekilde belirlemeniz gerekmektedir.

İlgili Makaleler

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Başa dön tuşu