在浏览器而不是'ss'上显示德语字符'ß'的有效方式

Question

我有一个德语网站，当文本在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;
}

但我想知道是否有更有效的方法让角色正确显示。