Web字体无法在线工作。但在当地工作

Question

我试图在我的网站上工作，但由于某种原因，网络字体无效，即使它们在我的本地计算机上正常工作

请查看我的css代码。它在github上。

css样式代码 https://github.com/AlexFTWW/alexftww/blob/gh-pages/css/style.css

网站 https://alexftww.github.io/alexftww/

它应该是这样的。更薄 http：//prntscr.com/45krlw

Answer 1

Chrome控制台上的

[blocked] The page at 'https://alexftww.github.io/alexftww/' was loaded over HTTPS, but ran insecure content from 'http://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,400italic': this content should also be loaded over HTTPS.

只需将网址更改为：

https://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,400italic

注意：网站使用安全协议（https），外部资源将使用https协议加载