html - css 网络字体中缺少符号

Question

我正在为我的页面使用自定义网络字体。这one .我已经打开 tff 文件来检查字符，似乎只支持字母数字字符。

我的猜测是，如果不支持某个特定字符，它将退回到字体系列的其余部分。然而，当在我的浏览器上渲染一个 $ 符号时，结果是这样的。

我的CSS

body {
    font-family: 'madfont',"Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

为什么浏览器无法以 Helvetica Neue 字体甚至 san-serif 字体呈现字符 $？？

Answer 1

你误会了你认为受支持的 $，但事实并非如此，如果你转到字体页面，请参阅第三张图片，其中列出了所有字符......我在任何地方都看不到 $ ...

为了确认这一点，我还使用了自定义选项，是的，$ 给我一个 *

因此，您在这里可以做的最好的事情是，要么更改字体系列，要么将 $ 包装在 span 元素中并使用 Arial 作为 span 的字体系列。