У меня есть сайт на немецком языке, и символ ß
, кажется, не отображается, как если бы текст имел преобразование текста в верхнем регистре в CSS. Вместо этого отображается ss
.
Я проверил некоторые решения и прочитал, что это шрифт, не поддерживающий символы немецкого языка, но я не уверен, почему эта проблема возникает только при преобразовании текста в верхний регистр.
В настоящее время у меня есть решение JS и CSS:
jQuery(document).ready(function(){
jQuery('h1, p, a, strong, b, em, i, label').each(function(){
html = jQuery(this).html();
if (jQuery(this).children().length == 0 && html.indexOf("no-uppercase") < 0) {
jQuery(this).html( jQuery(this).html().replace( /ß/g, '<span class="no-uppercase">ß</span>' ) );
}
});
});
CSS
.no-uppercase {
text-transform: none !important;
}
Но мне интересно, есть ли более эффективный способ правильного отображения персонажа.