我可以在 css 中使用“Arial Rounded MT Bold”吗?
font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
什么都没有改变,当我把:
font-family:Arial, Helvetica, sans-serif;
谷歌字体有 Nunito,由弗农亚当斯:
http://www.google.com/webfonts/family?family=Nunito它很好,圆润;有点让我想起他们在 Glitch 上使用的东西。
如果没有来自 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 中查看时,浏览器无法“找到”指定的字体,因此它默认为另一个,像这样...
自版本 4 以来,FF 的此“功能”一直存在问题。
也许最好的解决方案是使用不同的(标准)字体或(正如肯特建议的那样)找到一个类似的网络字体,将在所有现代浏览器中工作。或者,像许多字体问题一样,可以通过提供一个字体系列列表作为后备来缓解这个问题。
我已经看到了一个替代的谷歌字体建议在这里从早在 2011 年,这是一个很好的匹配,但有一些薄的部分的字体,这是不一样的 Arial 圆 MT 粗体。
对于仍在寻找替代方案的人们,我认为这是一个更好的选择;乔 · 普林斯称之为瓦雷拉回合:
Varela Round我也将它设置在font-weight: bold;
更准确的匹配。
要使用具有良好跨浏览器兼容性的自定义字体,请查看FontSquirrel。他们将生成正确的 CSS,以使自定义字体跨浏览器工作。在他们的网站上查看 Rounded MT Bold 或其他任何您想要的:-) 另外,如果您想要更多字体,请查看http://www.fontex.org/
本站系公益性非盈利分享网址,本文来自用户投稿,不代表边看边学立场,如若转载,请注明出处
评论列表(52条)