字体超棒的离线图标
这个在线下有没有办法用？
<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个答案
Fontawesome网站本身记录了如何离线下载和使用图标工具包的文档：https://Fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself
- 从官方网站下载font awesome免费zip
- 有一个名为“css”的文件夹，请将该文件夹复制到项目文件夹中（重要），并复制名为“webfonts”的文件夹
- 然后使用命令将所需的css文件链接到html文件（all.css或fontawesome.css或fontawesome.min.css)
- 然后尝试您的代码，它会工作
按下“下载免费”按钮，并确保您也有webfonts。在下载的zip中有一个web-fonts-with-css文件夹。复制项目中的字体并修改CSS中字体的路径以指向WebFonts的位置。
如果您打开问题中链接的CSS，您会看到它们有一些导入
URL('../fonts/fontawesome-webfont.woff2？v=4.7.0')
修改这些与下载的字体的位置。
-
问题内容： 我有一个包含图像的svg： 如何用字体真棒图标替换该行： 由于图像未显示，因此似乎无法正常工作。 问题答案： 是无效的SVG。您需要包括显示图标的实际字符。如果您查看fontawesome的样式表，您将看到… 但是那些是为CSS编码的unicode字符。在SVG中，您需要将example的语法更改为： 然后在样式表中添加：
-
我想静态旋转我的字体图标45度。网站上说： 要任意旋转和翻转图标，请使用fa-roate-*和fa-fllip-*类。 但是, 不起作用，而将替换为起作用。这是否意味着它们实际上不能任意旋转？
-
问题内容： 我尝试将插入号向下图标添加到多个选项的第一个选择中，如下图所示： 我无法在上方的小提琴上看到该图标。 以及相应的代码： 问题答案： 您可以简单地将FontAwesome图标添加为所选下拉菜单作为文本。您只需要CSS中的一些东西，FontAwesome CSS和unicode。例如： 单击图标可找到unicode：Fontawesome 更新：从Github问题开始，将multiple属
-
问题内容： 我有一些看起来像这样的CSS： 我想用Font Awesome中的图标替换图像。 无论如何，我看不到将CSS中的图标用作背景图片。假设在我的CSS之前加载了Font Awesome样式表/字体，是否可以这样做？ 问题答案： 您不能将文本用作背景图像，但是可以使用或伪类将文本字符放置在所需的位置，而不必添加各种杂乱的额外标记。 确保在您的实际文本包装器上进行设置，以便定位。 编辑： Fo
-
编辑问题以包括所需的行为、特定问题或错误以及重现问题所需的最短代码。这将帮助其他人回答问题。 我下载了一个主题，在导航栏部分有很棒的字体图标。当我尝试更改图标的颜色时，它保持不变。 我试过了 但它不起作用。
-
问题内容： Font Awesome 5星图标具有和与众不同之处，两者都是Unicode，现在我想将其用作我的评级系统，首先是常规星，然后单击成为实心星，但是如何在CSS中定义它呢？ 码 与我上面的代码我只会得到坚实的星星 问题答案： 普通 版和 实体 版之间的区别是。您只需要调整此值即可在两个版本之间切换： 这是另一个相关的问题，伪元素上的Font Awesome5显示更多[而不是图标显示为正方