使用Google字体的字体权重Roboto，普通（400）和粗体（700）工作，光（300）没有

Question

Link: https://50.62.213.246/gktest/

搜索栏中的占位符文字和输入文字不会响应font-weight：300; 如果我尝试font-weight：700;文字是粗体。 normal = 400，light = 300，bold = 700等

所以我的问题是为什么文字看起来没有字体重量：300; ？

Answer 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内容。