在某些浏览器中，@ font-face字体大小比其他浏览器大 [英] @font-face font-size rendered larger in some browsers than others

问题描述

我在我的网站上创建了一个使用自定义字体的标题，并应用了像素大小（61）。而对于一些未知的（对我来说），在ie9和tor中，字体的渲染速度几乎是铬和firefox的两倍。有没有其他的CSS设置在我看来是相关的（例如没有字体重量：粗体或类似的设置）。其他font-faces在浏览器之间呈现接近或完全相同的大小。

我已经用尽我的想法了，这是什么原因..如果有人知道，我会很感激一些帮助。你可以在这里查看标题： http://www.infiniteeureka.com
- 奶油字无限的尤里卡是焦点所在;在这两种浏览器中，多颜色的较小的单词都会呈现。我真的没有时间研究你的问题，但是他们有Mozilla特定的CSS来处理这些错误，Firefox中的字体特性设置。我从这里开始阅读： https://developer.mozilla.org/zh-CN/docs/CSS/font-feature-settings?redirectlocale=zh-CN&redirectslug=CSS%2F-moz -font-feature-settings

i have created a header on my website that uses custom font-faces and have applied a size with pixels (61). and for some unknown (to me) reason the font is rendered nearly twice as large in ie9 and tor than in chromium and firefox. there are no other css settings that appear to me to be relevant (e.g. no font-weight:bold or similar settings). other font-faces appear to render close to or exactly the same size between browsers.

i've exhausted my ideas on what is the cause of this.. if anyone knows, i'd appreciate some assistance. you can view the header here: http://www.infiniteeureka.com - the cream words 'infinite eureka' are the ones in focus; the multi coloured smaller words render as desired in both browsers.

解决方案

Firefox has known issues rendering web fonts. I don't really have time to research your problem, but they have Mozilla-specific CSS to deal with these bugs, font-feature-settings in Firefox. I'd start by reading here: https://developer.mozilla.org/en-US/docs/CSS/font-feature-settings?redirectlocale=en-US&redirectslug=CSS%2F-moz-font-feature-settings

这篇关于在某些浏览器中，@ font-face字体大小比其他浏览器大的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！