【问题标题】: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 中
    猜你喜欢
    • 2016-01-31
    • 1970-01-01
    • 1970-01-01
    • 2014-02-13
    • 1970-01-01
    • 1970-01-01
    • 2017-01-17
    • 2017-01-20
    • 2016-11-03
    相关资源
    最近更新 更多