提问者:小点点

字体超棒的离线图标


这个在线下有没有办法用?

 <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=“css/font-awesome.min.css”rel=“stylesheet”type=“text/css”


共3个答案

匿名用户

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

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

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

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

匿名用户

  1. 从官方网站下载font awesome免费zip
  2. 有一个名为“css”的文件夹,请将该文件夹复制到项目文件夹中(重要),并复制名为“webfonts”的文件夹
  3. 然后使用命令将所需的css文件链接到html文件(all.css或fontawesome.css或fontawesome.min.css)
  4. 然后尝试您的代码,它会工作

匿名用户

Fontawesome网站本身记录了如何离线下载和使用图标工具包的文档:https://Fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself