我今天在website注意到,Chrome上没有加载字体真棒。它应该在渐变圆圈中有一个双向下箭头,但它在我的笔记本电脑上的Chrome上没有显示。它确实在我的Google Pixel上显示在Chrome上,但我假设它们可能是浏览器的不同版本,因为它是针对移动设备的。它在我测试它之前工作得很好,我的代码没有任何改变,因为它工作正常。我很困惑。
头脑是这样的:
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
以下是我正在使用的font-awesome库的代码:
<div class="arrowContainer">
<div class="arrow"><i class="fa fa-angle-double-down" aria-hidden="true"
style="font-size:36px; color: white"></i></div>
</div>
答案 0 :(得分:1)
您的网站未通过http s 投放,无论是更改该网站还是仅将您的头条链接更改为:
<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
仅使用//
将根据您的网站协议选择适当的协议