css - 使用 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 协议(protocol)。

http 与 https - 对于协议(protocol)无关的引用，使用 //fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700 |机器人:400,300,700,500,100

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