Google chrome Google I/O-Roboto字体（新版本）Chrome（windows）中的字体渲染问题

在听了最新的谷歌I/O流之后，我非常高兴他们在他们的风格指南中发布了自己字体Roboto的新版本/更新

!！请注意，此版本比其webfont中的版本更新 回购协议

这是更新后（顶部）和更新前（底部）的屏幕截图：

这是粗体版本的现场演示：

当我在不止一个项目中使用Roboto（网站和web应用程序，包括桌面和响应）时，我很高兴能立即实现它。预览很清晰，间隔很好，但在测试时，我不得不发现，Windows上的谷歌Chrome（最新稳定版）在渲染粗体和粗体斜体字体时存在问题

a和e的内部空间充满了颜色，i的点似乎与字母的轴合并

我通过字体使用所有版本：

/* ROBOTO REGULAR FONT
 * page main font
 * can be used with
 * - thin/100    ( + italic)
 * - regular/400 ( + italic)
 * - bold/700    ( + italic)
 */
/* ROBOTO regular / 400 */
@font-face {
    font-family: 'Roboto-Regular';
    src: url('/includes/fonts/roboto-regular.eot');
    src: url('/includes/fonts/roboto-regular.eot?#iefix') format('embedded-opentype'),
    url('/includes/fonts/roboto-regular.woff') format('woff'),
    url('/includes/fonts/roboto-regular.ttf') format('truetype'),
    url('/includes/fonts/roboto-regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ROBOTO regular / 400 + italic */
@font-face {
    font-family: 'Roboto-Regular';
    src: url('/includes/fonts/roboto-italic.eot');
    src: url('/includes/fonts/roboto-italic.eot?#iefix') format('embedded-opentype'),
    url('/includes/fonts/roboto-italic.woff') format('woff'),
    url('/includes/fonts/roboto-italic.ttf') format('truetype'),
    url('/includes/fonts/roboto-italic.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: italic;
}
/* ROBOTO bold / 700 */
@font-face {
    font-family: 'Roboto-Regular';
    src: url('/includes/fonts/roboto-bold.eot');
    src: url('/includes/fonts/roboto-bold.eot?#iefix') format('embedded-opentype'),
    url('/includes/fonts/roboto-bold.woff') format('woff'),
    url('/includes/fonts/roboto-bold.ttf') format('truetype'),
    url('/includes/fonts/roboto-bold.svg#Roboto-Regular') format('svg');
    font-weight: bold;
    font-style: normal;
}
/* ROBOTO bold / 700 + italic */
@font-face {
    font-family: 'Roboto-Regular';
    src: url('/includes/fonts/roboto-bolditalic.eot');
    src: url('/includes/fonts/roboto-bolditalic.eot?#iefix') format('embedded-opentype'),
    url('/includes/fonts/roboto-bolditalic.woff') format('woff'),
    url('/includes/fonts/roboto-bolditalic.ttf') format('truetype'),
    url('/includes/fonts/roboto-bolditalic.svg#Roboto-Regular') format('svg');
    font-weight: bold;
    font-style: italic;
}
/* ROBOTO thin / 100 */
@font-face {
    font-family: 'Roboto-Regular';
    src: url('/includes/fonts/roboto-thin.eot');
    src: url('/includes/fonts/roboto-thin.eot?#iefix') format('embedded-opentype'),
    url('/includes/fonts/roboto-thin.woff') format('woff'),
    url('/includes/fonts/roboto-thin.ttf') format('truetype'),
    url('/includes/fonts/roboto-thin.svg#Roboto-Regular') format('svg');
    font-weight: 100;
    font-style: normal;
}
/* ROBOTO thin / 100 + italic */
@font-face {
    font-family: 'Roboto-Regular';
    src: url('/includes/fonts/roboto-thinitalic.eot');
    src: url('/includes/fonts/roboto-thinitalic.eot?#iefix') format('embedded-opentype'),
    url('/includes/fonts/roboto-thinitalic.woff') format('woff'),
    url('/includes/fonts/roboto-thinitalic.ttf') format('truetype'),
    url('/includes/fonts/roboto-thinitalic.svg#Roboto-Regular') format('svg');
    font-weight: 100;
    font-style: italic;
}

其他字体文件似乎呈现正确，这一个在Mac/Chrome上也是如此，但Win/Chrome在呈现Roboto bold和Roboto bold Italic时存在问题，对于a和e，字体大小在13px和16px之间，对于i，字体大小在10px和14px之间

我通过使用旧版roboto的粗体和粗体斜体的.woff文件“修复”了它，但这很难修复，我称之为肮脏的解决方法

---

有什么想法吗？

如果你有最新的版本（今天的v35），你可以启用DirectWrite，它为我解决了这个问题。 只需输入

chrome://flags

在地址栏中，找到

启用DirectWrite

设置，然后单击

启用

---

来源：

安装字体（本例中为Roboto）后，问题出现在windows字体目录中。我解决了删除文件的问题

转到“X:\Windows\Fonts”，其中X是安装Windows的驱动器，选择并删除Roboto

---

完成了。享受它：）

如果Roboto字体出现扭曲、变窄或任何意外情况。这是因为在本例中，您的电脑上安装了字体版本Roboto。请转到“控制面板”>“字体”，删除系统上安装的Roboto字体，祝您万事如意。然而，令人惊讶的是，Chrome无法从web服务器使用字体，也无法从本地系统选择字体。其中as-Edge和IE都使用它应该使用的字体信息，即web服务器

尽管我非常感谢您的建议和帮助，但作为一名web开发人员，我的问题不在于浏览器如何显示字体，而在于我的客户、客户和访问者的浏览器如何显示字体。除非有解决方案，我可以使用服务器端，否则我必须继续寻找。谢谢你的反馈，我也会调查的。我理解。这是一个已知的问题，尽管是一个实验性的特性，DirectWrite应该在未来的版本中默认启用，这有望解决您的问题。同时祝你好运。好的，很高兴知道，非常感谢。我将向上投票，但暂时保留正确答案。DirectWrite将在下一版本的Chrome中默认启用。DirectWrite现在在37及更高版本中默认启用。