如何使用CDN库安装和使用带有bootstrap 4 beta的open-iconic?

时间:2017-09-11 05:41:56

标签: bootstrap-4 iconic

我已经包含在下面

<!-- Bootstrap 4.0 Beta -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha256-m/h/cUDAhf6/iBRixTbuc8+Rg2cIETQtPcH9D3p2Kg0=" crossorigin="anonymous" />
<!-- open-iconic-bootstrap (icon set for bootstrap) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/open-iconic/1.1.1/font/css/open-iconic-bootstrap.min.css" integrity="sha256-BJ/G+e+y7bQdrYkS2RBTyNfBHpA9IuGaPmf9htub5MQ=" crossorigin="anonymous" />

并使用下面没有运气

<span class="oi oi-icon-person" title="person" aria-hidden="true"></span>

2 个答案:

答案 0 :(得分:13)

使用var loadTime = window.performance.timing.domContentLoadedEventEnd- window.performance.timing.navigationStart; 课程代替console.trace()

&#13;
&#13;
oi-person
&#13;
&#13;
&#13;

答案 1 :(得分:0)

要手动安装Iconic,您需要创建一个CSS文件夹并将open-iconic-bootstrap.css文件移入其中。

如果打开文件,我们可以确切地看到我们所需要的(src: url('../fonts/open-iconic.eot');)。只需将字体文件夹移动到../即可!