4

我只是为我的网站添加一个帐户标题,它只显示玩家用户名。

我正在使用自定义字体,它在 chrome 和 IE 上运行良好,但是对于 Firefox,它不显示自定义字体,只显示下一个可用字体,即 Verdana。我不介意,但是我的问题是 Verdana 字体比我的自定义字体小,所以如果我将它设置为 7.5pt 作为字体大小,自定义字体会出现两倍大小。无论如何我可以为Firefox设置更高的字体大小吗?

这是用户名所在的 div 的 css:

font-size: 7.5pt;
color: #9f1717;
text-align: center;
font-family: xirod, xirodeot, Verdana, Geneva, sans-serif;
4

4 回答 4

11

我建议要么使用 Firefox 支持的字体格式,要么使用font-size-adjust在不同字体系列中获得统一的大小。

您可以font-size-adjust通过添加以下 CSS 来使用:

font-size-adjust:0.5;

这会将所有字体设置为具有大致相同高度的小写字符(通常,当使用不同的字体查看时,这会产生看起来更接近相同大小的文本)。

于 2012-04-07T21:28:12.343 回答
3

这有没有可能是由跨域政策引起的?如果您将字体和/或其他静态资源存储在 CDN 或只是不同的子域上,就会出现这种情况。目前只有 FF 将其实现为规范,但我推测其他浏览器将开始采用这种行为。

将 http-header 添加到类似于 的字体文件Access-Control-Allow-Origin: *将解决问题 - 并且快速的谷歌搜索会产生比我在这里描述的更好的规则细节结果。

...

不是?您可以使用仅适用于某个 url 前缀的结构专门针对 Firefox - 如果您不传递前缀值,它将始终应用但只能被 FF 浏览器理解:

@-moz-document url-prefix() {
    .username {font-size:15pt;}
}
于 2012-04-07T23:33:18.607 回答
1

您现在应该能够在所有浏览器中获得它。如果您的字体不受版权保护,您可以将其上传到Font Squirrel并为您的网站创建自定义 CSS 字体嵌入解决方案。我建议你试试这个。如果这不起作用,总有jQuery 浏览器检测解决方案,您可以在其中加载单独的样式表。

将以下代码与该浏览器检测插件一起使用:

if($.browser.mozilla) {
  document.write("<style type='text/css'>body { font-size: 3.75pt; }</style>");
}
于 2012-04-07T21:29:38.397 回答
0

使用 css 浏览器选择器,参考见http://rafael.adm.br/css_browser_selector/

于 2012-04-11T13:39:35.380 回答