谷歌字体非英文字母在 safari 中不使用 font-weight 属性答案

【问题标题】：Google fonts non-english letters don't use font-weight attribute in safari谷歌字体非英文字母在 safari 中不使用 font-weight 属性
【发布时间】：2018-02-01 18:38:06
【问题描述】：

我对 Safari 中的“Roboto”字体有疑问（至少在 9.0.3 版上）。问题是当我将字体粗细设置为低于 400 时，像“ąčęėįšųūž”这样的非英文字母不使用字体粗细值。当它在 400 以上时，它工作正常。

Website in question

链接是正确的，其中包含权重：

<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic%7CRoboto+Slab:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic">

Example: font-weight: 200

有没有办法解决这个问题？

【问题讨论】：

标签： fonts safari non-english roboto

【解决方案1】：

你在头上写了<meta charset="utf-8"> 吗？

如果答案是“是”或问题仍然存在：
当“woff”字体来自网站时，Safari 会遇到兼容性问题。尝试使用 OpenType 或 TrueType 字体，这可能不会再发生。您也可以在 PC 上下载 Roboto。

【讨论】：

是的，我在头上写了 utf-8 字符集。那么 woff 与 safari 并不真正兼容，对吧？
是的，有时 Safari 和 webfonts 会发生这种情况。