无法解码OpenType Roboto

Question

我按照google/roboto存储库中的说明进行操作,但没有任何OTF文件可用作webfont.

我能得到的唯一反馈是Chrome说无法解码下载的字体.

OTS说一切都很好.

为什么这样,我如何在网络上使用Roboto opentype功能？

仅供参考我也开了google/roboto#283

以下是生成的字体之一:https://drive.google.com/open？id = 157_ -UBTyswylqY3DOK-mKihd7Vk-vFA_

Answer 1

Update (based on the updated question)

\n\n

Apparently the generated OTF font is not encoded properly for the web \xe2\x80\x94 all browsers have different font rendering engines and the decoding of this file fails in Chrome and Firefox, and even Font Squirrel reports The font is corrupt and cannot be converted. Funnily enough works just fine in Safari.

\n\n

If you want to use the Roboto font features you\'ll have to generate your own web fonts. I have created a demo page that demonstrates some of Roboto\'s font features, with various web fonts (woff2, woff, otf, ttf) going through the following steps:

\n\n

使用 google/roboto 存储库运行后，make您应该在目录中获得 TTF 字体RobotoTTF。这些文件包含 Roboto 的所有字体功能，您可以使用它们来生成网络字体文件。如果您愿意，甚至可以使用 TTF 字体：

\n\n

@font-face {\n  font-family: \'Roboto\';\n  font-style: normal;\n  font-weight: 400;\n  src: local(\'Roboto\'), local(\'Roboto-Regular\'), url(\'./Roboto-Regular.ttf\') format(\'truetype\');\n}\n

\n\n

尽管您的文件大小会很大，并且您绝对应该将它们转换为其他网络字体格式（产生最佳结果并且所有现代浏览器都支持woff2）以显着减小文件大小，因此您的@font-face declaration would be:

\n\n

@font-face {\n  font-family: \'Roboto\';\n  font-style: normal;\n  font-weight: 400;\n  src: local(\'Roboto\'), local(\'Roboto-Regular\'), url(\'./Roboto-Regular.woff2\') format(\'woff2\');\n}\n

\n\n

您仍然可以在生成的 Web 字体中包含和使用字体功能，并在 CSS 代码中使用它们：

\n\n

.yourclass {\n  font-feature-settings: ...;\n}\n

\n\n

您可以在线和在计算机上使用许多工具。我尝试了以下方法，这些方法可以很好地将 OpenType 功能保留在生成的 Web 字体中：

\n\n

\n
• 已经提到的在线字体转换器 \xe2\x80\x94 you can choose to generate various fonts and web fonts formats
\n
• Font Squirrel Webfont 生成器\xe2\x80\x94 确保选择Expert选项，然后在OpenType Features下选择Keep All Features
\n

\n\n

顺便说一句，您可能会发现LCDF Typetools很有用，特别是otfinfo用来otfinfo -f Roboto-Regular.ttf列出字体支持的所有功能。

\n\n

以下是 Roboto 字体的功能列表：

\n\n

\n
• c2sc \xe2\x80\x94 来自大写字母的小写字母
\n
• ccmp \xe2\x80\x94 字形组合/分解
\n
• cpsp \xe2\x80\x94 大写间距
\n
• dlig \xe2\x80\x94 任意连字
\n
• dnom \xe2\x80\x94 分母
\n
• frac \xe2\x80\x94 分数
\n
• kern \xe2\x80\x94 字距调整
\n
• liga \xe2\x80\x94 标准连字
\n
• lnum \xe2\x80\x94 衬里数字
\n
• 标记 \xe2\x80\x94 标记定位
\n
• mkmk \xe2\x80\x94 标记到标记定位
\n
• numr \xe2\x80\x94 分子
\n
• onum \xe2\x80\x94 老式人物
\n
• pnum \xe2\x80\x94 比例数字
\n
• salt \xe2\x80\x94 风格替代
\n
• smcp \xe2\x80\x94 小写字母
\n
• ss01 \xe2\x80\x94 风格集 1
\n
• ss02 \xe2\x80\x94 风格集 2
\n
• ss03 \xe2\x80\x94 风格集 3
\n
• ss04 \xe2\x80\x94 风格集 4
\n
• ss05 \xe2\x80\x94 风格集 5
\n
• ss06 \xe2\x80\x94 风格集 6
\n
• ss07 \xe2\x80\x94 文体集 7
\n
• tnum \xe2\x80\x94 表格数字
\n
• unic \xe2\x80\x94 Unicase
\n

\n\n

我希望您会发现这很有帮助。

\n\n

**由于与更新的问题无关而被删除

\n