【问题标题】:@font-face rendering thick@font-face 渲染粗
【发布时间】:2011-09-14 06:48:24
【问题描述】:

使用基于标准 fontsquirrel 的@font-face 标记.. 字体呈现在厚边。下面是一个屏幕截图,以几种不同的方式展示了字体。 top 是 photoshop 的渲染,第二个是 chrome 对相同字体的渲染(显然要厚得多),第三个是 chrome 对类似字体的渲染,也渲染得有点粗。

http://cl.ly/0e3b2t1N0U2e003h322O

尝试使用font-weight:lighter无济于事..有什么技巧可以减轻它的负担吗?

谢谢!

【问题讨论】:

    标签: fonts css font-face


    【解决方案1】:

    在 h1 标记中添加了一些内容(应用了字体规则)。

    font-weight:normal; 修复了 iOS 中发生的奇怪的加倍问题

    -webkit-font-smoothing: antialiased; 处理了厚渲染

    【讨论】:

    • 它是-webkit-font-smoothing:antialiased;
    • font-weight: normal; 在 Win7 上的 Chrome 中为我工作,我所有的字体都渲染得加倍粗!
    • firefox 等效 -moz-osx-font-smoothing: grayscale;
    【解决方案2】:

    除了上述之外,我在使用 Font Squirrel 创建的字体套件时遇到了问题,并注意到渲染比我最初看到的要粗一些。

    有时,用户代理(浏览器)中标题(h1、h2 等)的默认字体粗细设置为 800。 如果您使用 CSS 重置,他们通常会将默认值修复为 500 或 400 左右。

    阅读以下文章了解更多信息:

    http://css-tricks.com/watch-your-font-weight/

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2011-08-20
      • 2016-10-17
      • 1970-01-01
      • 1970-01-01
      • 2012-02-15
      • 2012-05-14
      • 1970-01-01
      相关资源
      最近更新 更多