【问题标题】:Chrome: Webfont is off by 1 character, but only sometimesChrome:Webfont 关闭了 1 个字符,但只是有时
【发布时间】:2015-11-22 03:40:02
【问题描述】:

有时我网页上的文字会被一个字符(在 Chrome 中)关闭,我在下面附上了几张图片来复制这个问题。我可以在此页面上最成功地重现此错误:http://identity-dev.github.io/id-bower/docs/

错误

注意:“Type”变成“Sxod”,“Kit”变成“Jhs”

字符似乎也保留了它们原来的宽度,所以就好像它知道应该有什么字符。

编辑添加字体代码:

@font-face{
    font-family: "Proxima";
    src: url('#{$font-path}/proxima-nova.eot' + '?#iefix');
    src: url('#{$font-path}/proxima-nova.svg') format("svg"),
         url('#{$font-path}/proxima-nova.eot' + '?#iefix') format("eot"),
         url('#{$font-path}/proxima-nova.woff') format("woff"),
         url('#{$font-path}/proxima-nova.ttf') format("truetype");
    font-weight: normal;
    font-style: none;
}

【问题讨论】:

标签: css google-chrome text webfonts text-rendering


【解决方案1】:

尝试选择“a”并应用该属性 letter-spacing: 1pt

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-10-01
    • 2015-07-13
    • 1970-01-01
    • 2015-08-29
    • 2020-07-02
    • 2017-04-19
    • 2018-06-06
    • 1970-01-01
    相关资源
    最近更新 更多