Web字体中CSS缺失符号问题

3
我在我的网页中使用了一种自定义的Web字体,这个字体。我已经打开了tff文件来检查字符,似乎只支持字母数字字符。
我的猜测是,如果某个特定字符不受支持,它会回退到其他字体系列。但是,在我的浏览器上呈现美元符号$时,它变成了这样。
我的CSS:
body {
    font-family: 'madfont',"Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

为什么浏览器无法呈现Helvetica Neue字体,甚至是sans-serif字体中的美元符号$

5
这种字体似乎将 "$" 渲染成了星号。 - FuzzyTree
1
是的,FuzzyTree 是正确的。前往提供字体的链接,您会在规格中看到 $ 的星号。 - Mark Miller
尝试为 $ 使用不同的字体 :P - Chamara Keragala
1
@scrowler 告诉我更多 ;) - FuzzyTree
@goh 在 $ font 周围放置一个 span,并使用 Arial 作为字体系列。 - Mr. Alien
显示剩余3条评论
1个回答

2
你关于 $ 符号的误解是不被支持的,如果你去字体页面,看第三张图片,列出了所有字符...我没有在任何地方看到 $ 符号...
为了证实这一点,我还使用了自定义选项,是的,$ 符号会产生 *。
所以在这里最好的做法是,要么更改字体系列,要么用 span 元素将 $ 符号包裹,并将 Arial 作为 span 的字体系列。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接