使用 Google Fonts Roboto 的字体粗细，正常 (400) 和粗体 (700) 有效，浅色 (300) 无效

Posted 2023-03-15

【中文标题】使用 Google Fonts Roboto 的字体粗细，正常 (400) 和粗体 (700) 有效，浅色 (300) 无效

【英文标题】：Font Weight with Google Fonts Roboto, normal (400) and bold (700) work, light (300) does not

【发布时间】：2013-12-29 19:23:34

【问题描述】：

Link: https://50.62.213.246/gktest/

搜索栏中的占位符文本和输入文本不会响应 font-weight: 300; 如果我尝试 font-weight: 700;文本为粗体。 正常 = 400，浅色 = 300，粗体 = 700，等等

所以我的问题是为什么文本在 font-weight: 300; 时看起来不轻？ ?

【参考方案1】：

您的链接使用https 协议。

http vs https - 对于与协议无关的参考，请使用 //fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700|Roboto:400,300,700,500,100

基本上，您的链接使用https，但您引用的是http 字体版本。因此，如果您使用https - 这是一个安全页面，因此它会阻止非安全资源（尤其是来自第三方网站的），例如javascript。或者至少可能会显示一条警告，说明该站点正在尝试加载 non-secure 内容。

【讨论】：

可能想澄清一下，正因为如此，资源本身（字体）被阻止了。

谢谢！切换 http//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700|Roboto:400,300,700,500,100 到 //fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700|Roboto:400,300,700,500,100效果很好！

这对我不起作用。所有字体粗细都是正常的，但仅在我的 windows pc 上的 chrome 中