Question

我可以在css中使用“Arial Rounded MT Bold”吗？

font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;

我放的时候没有改变：

font-family:Arial, Helvetica, sans-serif;

Answer 1

谷歌字体有Nunito，Vernon Adams：

http://www.google.com/webfonts/family?family=Nunito

这很好，圆润;有点让我想起他们在Glitch上使用的东西。

Answer 2

如果没有来自OP的更多信息，很难知道，但我已经看到了由Firefox中的硬件加速功能引起的这些相同症状。据了解，font rendering导致了一些问题。我观察到的是，尽管它存在于客户端机器上，但未能呈现非标准字体（例如“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>

在IE浏览器中查看，关闭硬件加速功能的Chrome或FF时，字体显示正确，如此...

FF 10 with hardware acceleration turned off

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

FF 10 with hardware acceleration turned on

从版本4开始，FF的这个“功能”出现了问题。

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

Answer 3

我在2011年看到了另一种Google字体的建议，这是一个相当不错的匹配，但字体有一些薄的部分与Arial Rounded MT Bold不同。

对于仍在寻找替代品的人，我认为这是一个更好的匹配;它叫做Joe Prince的Varela Round：

Varela Round

我还会在font-weight: bold;中设置它以获得更准确的匹配。

Answer 4

要使用具有良好跨浏览器兼容性的自定义字体，请查看FontSquirrel。他们将生成正确的CSS以使自定义字体跨浏览器工作。看看他们的网站上的圆形MT Bold或其他你想要的东西:-)另外，如果你想要更多的字体，请看看http://www.fontex.org/

Answer 5

Google Fonts也是可能的。有很多不同的字体，但我不知道是否有完全Arial Rounded MT Bold。

您只能使用客户端计算机上安装的字体！因此，如果未安装字体，只需在css font-family中提及它们就不起作用。为此，谷歌字体和其他人带来了这些功能......所以每当你使用几乎不是每台计算机都安装的“Times”，“Arial”或“Verdana”字体时，你应该考虑替代原始的CSS

Answer 6

当您更改字体堆栈时，如果没有任何更改（在本地浏览器的网页呈现上），那么您很可能在计算机上安装了Arial MT Rounded Bold。测试此方法的一种方法是使用Firebug，“检查元素”标题（或应用的字体），以及编辑右侧Firebug窗格中的字体系列列表。（通常，我只是找到命名字体并在其名称中添加一个空格，这将“打破”对正确字体的调用，然后浏览器移动到堆栈中的下一个字体。）

其他选项包括使用Google的网络字体Nunito（几分钟前推荐Kent Brewster），或在您自己的服务器上设置字体 - 字体，提供其中一种圆形字体（RockoFLF Bold，FF Din Rounded， Nunito和Arial MT Rounded Bold都是选项）。（从技术上讲，根据Kent的评论，Glitch正在使用RockoFLF，Arial MT Rounded Bold作为堆栈中的第二种字体。至少，这是他们几个月前我上次查看代码时所做的事情。...哦。 ..再次检查，他们已经将Arial MT Rounded Bold从堆栈中删除。他们用嵌入式字体调用RockoFLF。）

无论如何，正如肯特布鲁斯特所指出的那样，我认为你最好的选择是使用谷歌网络字体''Nunito'，如果你不确定它将在用户的计算机上（甚至是你自己的）。 / p>

Answer 7

由于系统兼容性，它可能不会出现-您可以在CSS字体堆栈上查看Arial Rounded MT Bold以获得兼容性。在Windows上占59.53％，在Mac上占95.14％。 https://www.cssfontstack.com/Arial-Rounded-MT-Bold

Answer 8

值得注意的是，默认情况下，Linux并未随附Arial，因此不应依赖于用户计算机上的字体。相反，他们应该下载文件（在许可的情况下），将其托管在自己的网站上，然后使用@ font-face链接到它们。

我可以用css使用“Arial Rounded MT Bold”吗？

8 个答案: