离线字体真棒图标

tru*_*iha 7 html css cdn font-awesome

有没有办法离线使用它?

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
Run Code Online (Sandbox Code Playgroud)

我复制链接并保存为 font-awesome.min.css 但它仍然不能像这个链接一样离线工作 href="css/font-awesome.min.css" rel="stylesheet" type="text/css"

在此处输入图片说明

小智 6

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

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

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

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


小智 5

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