logo标签列表

我可以使用"Arial Rounded MT Bold"字体在CSS中吗？

htmlcssfontsfont-face
17

我可以用css使用"Arial Rounded MT Bold"字体吗？

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

当我加上：

，什么也没有改变。
font-family:Arial, Helvetica, sans-serif;
1
你说的“什么都没变”是什么意思？还有，为什么越来越多的人在CSS问题中使用coding-style标签？ - BoltClock
@BoltClock：我们应该使用什么？ - Bojangles
@JamWaffles coding-style标签用于“软件中使用的惯例和实践。命名类、变量和文件是示例，代码组织也是如此。” - Álvaro González
@JamWaffles：在大多数情况下，只需要使用css。coding-style不是关于CSS代码的页面样式，而是关于我们编写任何类型代码的风格。 - BoltClock
1
我有同样的问题。显然，即使在客户端电脑上安装了以“Bold”结尾的字体系列，Chrome也无法找到任何字体系列。 - John Henckel
这里的评论是Stackoverflow被称为敌对环境的一个很好的例子。我可能会因此被某些人列入黑名单，而那些关注编辑器问题的人可能会因维护“我们在这里做事的方式”而得到宽恕或赞誉。有时，这很重要并且确实很重要。但太多时候，这根本不重要，只会显得傲慢和琐碎。 - RationalRabbit
8个回答
28
5
我通过谷歌搜索寻找Google Web字体替代Arial Rounded MT Bold，于是来到了这个页面。多亏了你，我没有失望。 - Graham Mitchell
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>

当在禁用硬件加速的情况下使用 IE、Chrome 或 FF 查看时，字体会正确显示，如下所示...

FF 10 with hardware acceleration turned off

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

FF 10 with hardware acceleration turned on

自Firefox 4版本以来，这个"特性"存在问题。
可能最好的解决方案是使用不同（标准）的字体，或者（如Kent建议的那样）找到一个类似的网络字体，在所有现代浏览器中都可以使用。另外，像许多字体问题一样，通过提供要用作回退的字体系列列表，可以缓解问题。
我认为你所描述的令人烦恼的“特性”部分原因是因为你的示例CSS在第一个字体后没有指定任何备选字体，因此直接返回到了Times New Roman。我很感激你似乎在说它无法在加速模式下找到字体，但你可以提供更好的第二、第三选择等。 - rtpHarry
@rtpHarry：我的示例是特别构建来说明问题而不是绕过它。此外，我在原始答案中已经提到了回退的使用。 - Molomby
是的，你说得很好，我只是在增加对话的内容 :) - rtpHarry
6
我在此处看到了一个2011年提出的备选Google字体，与Arial Rounded MT Bold不同的是，它的一些细节部分比较薄。对于那些仍在寻找替代方案的人来说，我认为这个更好; 它叫做Joe Prince的Varela Round： 为了更准确地匹配，我还会将其设置为font-weight: bold;。
2

如果想要使用具有良好跨浏览器兼容性的自定义字体，请查看FontSquirrel。他们会生成正确的CSS来实现自定义字体在多个浏览器中工作。在他们的网站上浏览Rounded MT Bold或其他你想要的字体。同时，如果需要更多字体，请查看http://www.fontex.org/

0

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

其他选项包括使用Google的Web字体Nunito（正如Kent Brewster几分钟前推荐的那样），或在自己的服务器上设置font-face字体，提供其中一个圆形字体（RockoFLF Bold、FF Din Rounded、Nunito和Arial MT Rounded Bold都是选项）。 （根据肯特的评论，技术上来说，Glitch正在使用RockoFLF，Arial MT Rounded Bold是堆栈中的第二个字体。至少，在我最后一次查看他们的代码几个月前是这样的。...哦...再次检查，他们已经从堆栈中删除了Arial MT Rounded Bold。他们正在使用嵌入式font-face调用RockoFLF。）

无论如何，正如肯特布鲁斯特所指出的那样，我认为你最好使用谷歌网络字体“Nunito”，如果你不确定它是否存在于用户的计算机上（甚至是你自己的计算机上）。
0

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

您只能使用客户端计算机上安装的字体！！因此，如果未安装字体，则仅在css font-family中提及它们是无效的。为此，Google Fonts和其他字体库提供了功能...因此，每次您使用非“Times”、“Arial”或“Verdana”等几乎所有计算机上都安装的字体时，您都应该考虑使用原始css的替代方案。

0
0
值得注意的是，Linux默认情况下不带有Arial字体，因此用户不能依赖于计算机上存在某种字体。相反，他们应该下载文件（许可证允许），将其托管在自己的网站上，并使用@font-face链接到它们。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接