我可以用css使用"Arial Rounded MT Bold"吗?

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上使用的东西.

  • 谷歌搜索谷歌网络字体替代Arial Rounded MT Bold之后我来到这个页面.谢谢你,我没有失望. (4认同)

Mol*_*mby 6

如果没有来自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 10,硬件加速关闭

但是当在FF中查看并启用了硬件加速时,浏览器无法"找到"指定的字体,因此它默认为另一个,就像这样......

打开硬件加速的FF 10

自版本4以来,FF的这个"功能"存在问题.

可能最好的解决方案是使用不同的(标准)字体或(如肯特建议的那样)找到适用于所有现代浏览器的类似网络字体.或者,与许多字体问题一样,可以通过提供用作回退的字体系列列表来缓解该问题.


rtp*_*rry 6

我在2011年看到了另一种谷歌字体的建议,这是一个非常好的匹配,但字体有一些薄的部分与Arial Rounded MT Bold不同.

对于仍在寻找替代方案的人来说,我认为这是一个更好的匹配; 它由Joe Prince称为Varela Round:

我也会设置它以font-weight: bold;获得更准确的匹配.


Boj*_*les 2

要使用具有良好跨浏览器兼容性的自定义字体,请查看FontSquirrel。他们将生成正确的 CSS 以使自定义字体可以跨浏览器工作。看看他们的网站上是否有 Rounded MT Bold 或任何您想要的字体 :-) 另外,如果您想要更多字体,请查看http://www.fontex.org/