脱机中的字体真棒图标

时间:2018-03-29 07:10:17

标签: css html5 font-awesome cdn

有没有办法在离线状态下使用它?

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

我复制链接并保存为font-awesome.min.css,但仍然无法在离线状态下工作,如此链接href =&#34; css / font-awesome.min.css&#34;的rel =&#34;样式表&#34;类型=&#34;文本/ CSS&#34;

enter image description here

3 个答案:

答案 0 :(得分:2)

按“免费下载”按钮,确保您也拥有网页字体。下载的zip中有一个web-fonts-with-css文件夹。复制项目中的字体并修改CSS中字体的路径以指向webfonts的位置。

如果您打开问题中链接的CSS,您会看到他们有一些导入

url('../fonts/fontawesome-webfont.woff2?v=4.7.0')

使用下载字体的位置修改这些。

答案 1 :(得分:0)

  1. 从官方网站下载真棒字体免费zip
  2. 有一个名为“ css”的文件夹,将该文件夹复制到您的项目文件夹中(重要),还复制了一个名为“ webfonts”的文件夹
  3. 然后使用命令
  4. 将所需的CSS文件链接到html文件(all.css或fontawesome.css或fontawesome.min.css)。
  5. 然后尝试您的代码,它将起作用

答案 2 :(得分:0)

Fontawesome网站本身在此处{@ {3}}

记录了如何离线下载和使用图标工具包的信息。