网页字体中的css缺少符号

Posted 2023-03-25

【中文标题】网页字体中的css缺少符号

【英文标题】：css missing symbol in web font

【发布时间】：2014-08-03 13:09:58

【问题描述】：

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

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

我的 CSS

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

为什么浏览器没有在 Helvetica Neue 甚至无衬线中渲染字符 $??

【问题讨论】：

这个字体好像把$渲染成星星

@scrowler 字体character map 上的第四个字符。

是的，FuzzyTree 是对的。转到为字体提供的链接，您会在规范中看到 $ 的星号

为$尝试不同的字体：P

@scrowler 告诉我 ;)

【参考方案1】：

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

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

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