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

Question

Link: https://50.62.213.246/gktest/

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

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

Answer 1

您的链接使用该https协议。

httpvs https- 对于协议不可知的参考，使用//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700|Roboto:400,300,700,500,100

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