far*_*oft 16 html css fonts font-face
我可以用css使用"Arial Rounded MT Bold"吗?
font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
Run Code Online (Sandbox Code Playgroud)
我放的时候什么都没改变:
font-family:Arial, Helvetica, sans-serif;
Run Code Online (Sandbox Code Playgroud)
Ken*_*ter 26
Vernon Adams的谷歌字体有Nunito:
http://www.google.com/webfonts/family?family=Nunito
这很好,圆润; 有点让我想起他们在Glitch上使用的东西.
如果没有来自OP的更多信息,很难知道,但我已经看到了由Firefox中的硬件加速功能引起的这些相同症状.众所周知,它会导致字体渲染出现一些问题.我观察到的是,尽管它存在于客户端机器上,但未能呈现非标准字体(例如"Arial MT Rounded Bold").
例如,这个页面......
<html>
<head>
<style type="text/css">
body { font-family: "Arial Rounded MT Bold"; font-size: 30px; }
</style>
</head>
<body>
This can be really annoying.
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
在IE浏览器中查看,关闭硬件加速的Chrome或FF时,字体显示正确,如下所示......
但是当在FF中查看并启用了硬件加速时,浏览器无法"找到"指定的字体,因此它默认为另一个,就像这样......
自版本4以来,FF的这个"功能"存在问题.
可能最好的解决方案是使用不同的(标准)字体或(如肯特建议的那样)找到适用于所有现代浏览器的类似网络字体.或者,与许多字体问题一样,可以通过提供用作回退的字体系列列表来缓解该问题.
要使用具有良好跨浏览器兼容性的自定义字体,请查看FontSquirrel。他们将生成正确的 CSS 以使自定义字体可以跨浏览器工作。看看他们的网站上是否有 Rounded MT Bold 或任何您想要的字体 :-) 另外,如果您想要更多字体,请查看http://www.fontex.org/