css - 使用 "font-variant:small-caps"处理 ß

Question

我正在使用: 字体变体:小型大写字母；对于某些元素，例如

、

、...

但是，在德语中，特殊字符“ß”(升 s)没有对应的大写字母。 (“ß”从不出现在单词的开头)。

德语拼写法规定，在大写字母或小型大写字母的情况下，“ß”必须替换为“ss”。我想知道为什么浏览器不处理这个问题。

CSS 文本的作者并不总是知道他的文本是否会以大写形式显示。所以我想使用用“ss”替换“ß”的 CSS 声明，但我不相信这个声明存在。

有什么建议吗？

Answer 1

这是一个有趣的问题。在 2007 年，实际上有人提议引入 Unicode 字符的大写变体 (http://std.dkuug.dk/jtc1/sc2/wg2/docs/N3227.pdf)。这通过并进入 2008 Unicode 设置为 U+1E9E (ẞ):

ẞ // uppercase
ß // lowercase

但是，根本就没有小型大写字母的等价物。

"Capital Esszet" is not even used in any official orthography in the world, and of course neither is the small capital form of it used in any phonetic alphabet. Therefore you don't have a Unicode codepoint for it. [source]

Hacky 解决方法

text-transform:uppercase 将“ß”(常规 Eszett)转换为“SS”(两个 S 字符)。与此相反，text-transform:lowercase 将“ẞ”(Unicode 大写)转换为“ß”(常规 Eszett)。

这允许我们通过将 text-transform:uppercase 与减小的字体大小相结合，为 font-variant:small-caps 创建一个变通方法:

<p class="small-caps">abcß</p>

.small-caps {
    text-transform:uppercase;
    font-size:75%;
}

这是一个JSFiddle demo展示所有的可能性。