CSS Uppercase Türkçe Karakter Problemi, CSS kodlamasında bazen küçük harfler ile yazılmış olan paragraflar yada başlıkları büyük harfle gösterme ihtiyacı duyabiliriz fakat herhangi bir dil tanımı yapılmadığında direk olarak text-transform:uppercase; kullanımında türkçe karakter problemi ile karşılaşmanız olası bir durumdur.
CSS Uppercase Türkçe Karakter Problemi
Problem
Üstteki örnek kodumuzda gördüğünüz gibi Murat ÖNER Kimdir? yazısının text-transform: uppercase uygulandığında küçük olarak yazdığımız i karakterini sayfanın dilini belirtmediğinizde varsayılan dilini ingilizce olarak ayarladığından küçük i karakterinin büyüdüğündeki karşılığı haliyle I karakteri olmaktadır bu problemin çözümü oldukça basit global olarak bu sorunu çözmek için html başlangıç etiketinizi <html lang=”tr”> şeklinde değiştirerek tarayıcılara okuma aşamasında sayfanın dilinin türkçe olduğunu aktarmış oluruz ve böylelikle uppercase işlemini bu dile göre gerçekleştirmesiniz sağlayabiliriz.
Şimdi kodlara gözatalım.
HTML(index.html)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style.css"> </head> <body> <h2>Orjinal Metin</h2> <p>Murat ÖNER Kimdir?</p> <h2>Uppercase'li Metin</h2> <p class="name">Murat ÖNER Kimdir?</p> </body> </html> |
CSS(style.css)
1 2 3 | .name{ text-transform: uppercase; } |
Çözüm
Şimdi html etiketine lang özelliği aktarılmış şekilde yukarıda örneği revize edelim.
Gördüğünüz gibi html etiketine lang özelliği atadığımızda türkçe karakter sorunu giderilmiş oldu.
Şimdi kodlara gözatalım
HTML(index.html)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <!DOCTYPE html> <html lang="tr"> <head> <link rel="stylesheet" href="style.css"> </head> <body> <h2>Orjinal Metin</h2> <p>Murat ÖNER Kimdir?</p> <h2>Uppercase'li Metin</h2> <p class="name">Murat ÖNER Kimdir?</p> </body> </html> |
CSS(style.css)
1 2 3 | .name{ text-transform: uppercase; } |
Bir türlü türkçe karakter sorununu aşabilecceğim character set kodlarını bulamadım.
Tam olarak nasıl bir Türkçe karakter sorunu yaşıyorsunuz?
Güzel ama peki ya karma dil içeren bir yazımız varsa. Mesele Türkçe bir metnin içerisinde ingilizce isimler geçiyor. Örneğin; Firmamıza Inno Winston ziyareti / Windows 10 güncellemesi geldi gibi.
Karma dil içermesi bir probleme sebep olmayacaktır Fransızca, İngilizce gibi dillerdeki karakterler varsayılan olarak tüm fontlar tarafından desteklenmektedir. Türkçe de artı olarak ş,ğ,İ,ö gibi karakterler olduğundan bu işlemi yapmak gerekiyor ama diğer dillere olan desteği de devam etmektedir.
Merhaba,
güzel bir çalışma olmuş, sizin çalışmanızı ayrı bir index içinde yapıyorum çalışıyor fakat kendi çalışmama uygulayınca Türkçe karakter sorunu devam ediyor. Özellikler İ harfinde yaşıyorum Örneğin;
İbrahim yazıyorum. tüm harfler sorunsuz büyüğe dönüşür iken büyük (İ) harfi ı ya dönüşüyor.
Notepad++ büyük İ yazıyorum kapatıp açınca büyük İ harfi, büyük I ya dönüşüyor.
Sorunu bir türlü çözemedim bir çok yöntem denedim Yardımınızı bekliyorum.
Elinize sağlık güzel bir anlatım ve paylaşım olmuş. Sıkıntı çektiğim konular arasındaydı çok teşekkürler.
Teşekkür ederim, ihtiyacınızı karşılaşmasına sevindim.