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

【问题标题】：Font Weight with Google Fonts Roboto, normal (400) and bold (700) work, light (300) does not使用 Google Fonts Roboto 的字体粗细，正常 (400) 和粗体 (700) 有效，浅色 (300) 无效
【发布时间】：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; 时看起来不轻？ ?

【问题讨论】：

标签： css fonts webfonts google-font-api

【解决方案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 中