首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >我可以在css中使用"Arial Rounded Bold“吗?

我可以在css中使用"Arial Rounded Bold“吗?
EN

Stack Overflow用户
提问于 2011-04-01 19:28:05
回答 7查看 61K关注 0票数 17

我可以在css中使用"Arial Rounded Bold“吗?

代码语言:javascript
复制
font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;

当我放入以下内容时,没有任何变化:

代码语言:javascript
复制
font-family:Arial, Helvetica, sans-serif;
EN

回答 7

Stack Overflow用户

发布于 2011-06-30 01:39:59

Google Fonts有Nunito,Vernon Adams写的:

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

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

票数 26
EN

Stack Overflow用户

发布于 2012-02-24 09:47:48

如果没有来自OP的更多信息,我很难知道,但我已经看到Firefox中的硬件加速功能导致了同样的症状。众所周知,这会导致font rendering出现几个问题。我观察到的一个问题是无法呈现非标准字体(例如"Arial MT Rounded“),尽管它存在于客户机上。

例如,这个页面...

代码语言:javascript
复制
<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中查看时,浏览器无法“找到”指定的字体,所以它默认使用另一种字体,比如……

从版本4开始,FF的这个“特性”就出现了问题。

也许最好的解决方案是使用不同的(标准)字体,或者(正如Kent建议的那样)找到一种类似的web字体,该字体可以在所有现代浏览器中使用。或者,像许多字体问题一样,可以通过提供字体系列列表作为备用字体来缓解该问题。

票数 6
EN

Stack Overflow用户

发布于 2011-04-01 19:31:22

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

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5512720

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档