Question

我将自定义字体导入了我的CSS。问题是像抄袭者和逗号这样的特殊字符没有在html中显示。我的想法是为不支持的字符制作另一种字体的后备，但不知道如何。

这是一段我的代码

HTML

<h2>apostrophe isn't shown</h2>

CSS

@font-face {   font-family: 'SunriseInternational';   
src: url('fonts/SunriseInternational.otf') format('otf'),
url('fonts/SunriseInternational.ttf') format('truetype'); }

h1,
h2,
.h1,
.h2 {
  font-family: 'SunriseInternational', 'Branding-Medium', sans-serif;
  font-size: 8vw;
  color: #ffffff;
  letter-spacing:2px;
}

Branding-Medium是一种支持主文本中特殊字符的字体。但是后备似乎不起作用。

Answer 1

如果SunriseInternational字体与this one相同，实际上它不包含所有ASCII字符。

现在字体应该报告它们支持的Unicode范围，以便浏览器（或使用该字体的任何其他程序）知道可以使用它们显示哪些字符，但由于“ASCII”是这样的范围，所以没有字体本身的方式，以区分它在该范围内支持哪些字符，以及它不支持哪些字符。（显然这个想法是，如果一个字体支持ASCII，它应该支持所有95个ASCII字符，而不仅仅是少数几个。）

因此，您必须手动告诉浏览器字体中包含哪些字符。

//li/a[contains(text(), 'employee servers')]

只有这样，浏览器才能知道从这种字体中使用哪些字符以及在下一种字体中显示哪些字符（Branding-Medium）。

导入的字体不支持html中的特殊字符

1 个答案: