脱机中的字体真棒图标

问题描述 投票:3回答:3

有没有办法在离线时使用它?

 <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”

enter image description here

css html5 font-awesome cdn
3个回答
3
投票

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

如果你打开问题中链接的CSS,你会发现他们有一些导入

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

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


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

0
投票

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

© www.soinside.com 2019 - 2024. All rights reserved.