Html 显示德语字符的有效方法'ß'；在浏览器上，而不是'；ss&x27；

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

---

但是我想知道是否有更有效的方法来正确显示字符。

SS确实是ß的有效大写形式。每个德国人都会明白这一点，不会注意到任何错误。如果你把ß放在那里，在大写字母中看起来会很奇怪。还有一个大写字母“ß”：ẞ 这也是有效的。（而且，如果SS不明确，你也可以使用SZ，但这是非常非常罕见的。）所以我想知道你为什么要这么做。没有德国人会因为求助于党卫军而烦恼。出于某种奇怪的原因，我的客户是。不知道为什么。唯一真正的解决办法是写“原创”德语内容。因为你要怎么处理那些包含“ss”的单词，而这些单词实际上不是eszet？步骤1：正确编写unicode内容。步骤2：确保使用支持所有内容代码点（包括正面）的webfont。验证这一点的一个好方法是使用Adobe的“blank”作为后备字体，如果您的真实字体不支持某些内容，它将显示（毫不奇怪）空格而不是字母。第三步：没有第三步。为什么你的客户对SS感到不安，答案是因为在ß有另一个S之后有德语单词，所以看起来像SSS，像“Barfusschuhe”，应该是“BarfusßSCHUHE”

.no-uppercase {
    text-transform: none !important;
}