2

我想知道其他人是否遇到过这个问题 - @font-face 字体在 Chrome 中无法正确呈现，有时它们会，有时不会，这实际上是问题所在，因为我无法自己跟踪问题所在。在其他浏览器中一切都很好。我正在使用 Icomoon 字体及其语法：

@font-face {
    font-family: 'entypo';
    src:url('/fonts/entypo.eot');
    src:url('/fonts/entypo.eot?#iefix') format('embedded-opentype'),
        url('/fonts/entypo.svg#entypo') format('svg'),
        url('/fonts/entypo.woff') format('woff'),
        url('/fonts/entypo.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
    font-family: 'entypo';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: 'entypo';
    font-style: normal;
    speak: none;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    line-height:1;
}

.htaccess 在字体文件夹中：

AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType application/x-font-woff .woff

root .htaccess 具有相同的规则。

所以我不知道还有什么问题，并且弄乱了我的字体。非常感谢您的帮助！

4

3 回答 3

1

Windows Chrome 中存在一个已知问题，它不会呈现私人使用区域 unicode 字符。

如果您text-rendering: optimizeLegibility;的项目中有，请设置text-rendering: auto;图标类，它们应该在 Windows Chrome 中呈现。

于 2013-11-20T19:07:44.130 回答
0

似乎 chrome 在渲染字体方面存在一些问题，至少有一些规则，您可以查看这篇文章以获取一些如何改善您的情况的提示以及typekit的此页面以更好地了解该过程。

再见

于 2012-10-17T01:34:02.913 回答
0

老问题，但同样的问题/错误往往会在 Chrome 中持续存在......

这可能对某些人有帮助。尽管其他浏览器运行良好，但我正在使用 @font-face 指定字体从 Chrome 获得空白打印预览和打印。

事实证明，当不是从本地主机提供服务，而是从我的实际服务器提供服务时，它工作正常。

希望我在很多很多小时前尝试过。

于 2015-06-15T00:31:56.973 回答