Font Awesome是一种标志性的独立矢量字体，最初开发用于Twitter Bootstrap前端框架。
如果我在 i 标签中使用 fa-folder 并在 JavaScript 中使用 fa-folder-open，下面的简单代码就可以工作，但是如果我替换 fa-caret-right 和 fa-caret-down，它就不起作用，并且我不明白为什么。任何...
Font-Awesome 图标未显示在我的 ReactJS 网站中
我正在尝试在我正在处理的反应项目中使用网站标题旁边的字体，但它没有显示。 我已经通过yarn导入了font-awesome包，并在我的ind中导入了它的css...
我正在尝试在本地托管很棒的字体，尽管它没有显示其图标，我也不知道为什么。 这是我所做的： 我正在尝试在本地托管很棒的字体，尽管它没有显示其图标，而且我不知道为什么。 这就是我所做的： <head> <meta http-equiv="Content-Type" content="text/html; charset = UTF-8"> <title>Title</title> <link rel="icon" type="image/x-icon" href="resources/favicon.ico" /> <link rel="stylesheet" href="css/bootstrap.min.css"/> <link rel="stylesheet" href="fontawsome/css/font-awesome.min.css"> <link rel="stylesheet" href="fontawsome/css/brands.min.css"> <link rel="stylesheet" href="fontawsome/css/solid.min.css"> </head> <body> <i class="fa-solid fa-user"></i> ... </body> 这是我添加到项目中的文件： 我添加到项目中的很棒的字体文件 我尝试查看https://docs.fontawesome.com/web/setup/host-yourself/webfonts，但它没有说要做任何不同的事情。我预计会显示很棒的图标 好吧，这里有一些您可以尝试的解决方案： 清除缓存：清除浏览器的缓存或执行硬刷新（macOS 上的 Ctrl + F5 或 Cmd + Shift + R）以删除旧的缓存文件。 Font Awesome 版本：确保您使用的类与当前的 Font Awesome 版本兼容。例如，Font Awesome 6+ 包含 fa-solid 类。如果您使用 Font Awesome 5 或更早版本，请使用 fas 而不是 fa-solid。 检查浏览器开发者工具：按F12打开浏览器的开发者工具，然后检查“控制台”和“网络”选项卡是否有错误或资源加载失败（例如404）。您可能会注意到丢失的文件或不正确的路径可能会阻止渲染。
我正在尝试在本地托管很棒的字体，尽管它没有显示其图标，我也不知道为什么。 这是我所做的： 我正在尝试在本地托管 font awsome，尽管它没有显示其图标，我也不知道为什么。 这就是我所做的： <head> <meta http-equiv="Content-Type" content="text/html; charset = UTF-8"> <title>Title</title> <link rel="icon" type="image/x-icon" href="resources/favicon.ico" /> <link rel="stylesheet" href="css/bootstrap.min.css"/> <link rel="stylesheet" href="fontawsome/css/font-awesome.min.css"> <link rel="stylesheet" href="fontawsome/css/brands.min.css"> <link rel="stylesheet" href="fontawsome/css/solid.min.css"> </head> <body> <i class="fa-solid fa-user"></i> ... </body> 这是我添加到我的项目中的文件：我添加到我的项目中的字体很棒的文件 我尝试查看https://docs.fontawesome.com/web/setup/host-yourself/webfonts，但它没有说要做任何不同的事情。我预计会显示 fontawsome 图标 好吧，这里有一些您可以尝试的解决方案： 清除缓存：清除浏览器的缓存或执行硬刷新（macOS 上的 Ctrl + F5 或 Cmd + Shift + R）以删除旧的缓存文件。 Font Awesome 版本：确保您使用的类与当前的 Font Awesome 版本兼容。例如，Font Awesome 6+ 包含 fa-solid 类。如果您使用 Font Awesome 5 或更早版本，请使用 fas 而不是 fa-solid。 检查浏览器开发者工具：按F12打开浏览器的开发者工具，然后检查“控制台”和“网络”选项卡是否有错误或资源加载失败（例如404）。您可能会注意到丢失的文件或不正确的路径可能会阻止渲染。
由于 Codeberg 图标不在 FA 中，我尝试将其包含在我的网页中（链接已简化），如下所示： 由于 Codeberg 图标不在 FA 中，我尝试将其包含在我的网页中（链接已简化），如下所示： <script src='js/faCodeberg.js'></script> <link rel="stylesheet" href="css/site.css" type="text/css"> ... <i class="fa-brands fa-codeberg"></i> js/faCodeberg.js 在哪里 'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); var prefix = 'fab'; var iconName = 'codeberg'; var width = 512; var height = 512; var aliases = []; var unicode = 'f366'; var svgPathData = 'M0.00 8.56C0.00 14.69 4.25 14.69 4.25 14.69 4.25 14.69 10.92 6.07 10.92 6.07 10.87 5.84 10.65 6.07 10.65 6.07 10.65 6.07 17.04 6.07 17.04 6.07 17.04 6.07 15.04 6.07 15.04 6.07 15.04 6.07 14.84 6.07 14.84 6.07 14.84 6.07 12.76 6.07 12.76 6.07 12.76 6.07 11.42 6.07 11.42 6.07 11.42 6.07 8.97 6.07 8.97 6.07 8.97 6.07 8.65 6.07 8.65 6.07 8.65 6.07 6.07 6.07 6.07 6.07 6.07 6.07 4.89 6.07 4.89 6.07 4.89 6.07 9.41 6.07 9.41 6.07 9.41 6.07 9.82 6.07 9.82 6.07 9.82 6.07 12.89 6.07 12.89 6.07 12.89 6.07 13.94 6.07 13.94 6.07 13.94 6.07 10.59 6.07 10.59 6.07 10.59 6.07 10.08 6.07 10.08 6.07 10.08 6.07 6.54 6.07 6.54 6.07 6.54 6.07 5.61 6.07 5.61 6.07 5.61 6.07 9.92 6.07 9.92 6.07 9.92 6.07 10.48 6.07 10.48 6.07 10.48 6.07 14.50 6.07 14.50 6.07 14.50 6.07 15.36 6.07 15.36 6.07 15.36 6.07 10.18 6.07 10.18 6.07 10.18 6.07 10.73 6.07 10.73 6.07 10.73 6.07 14.78 6.07 14.78 6.07 15.58 3.57 10.81 1.81 14.78 1.65 11.20 -6.35 6.78 -6.35 6.78 -6.35 6.78 -6.35 0.00 4.14 0.00 8.56ZM10.44 13.30C10.44 13.30 10.99 13.30 10.99 13.30 10.99 13.30 14.54 13.30 14.54 13.30 14.54 13.30 14.88 12.86 14.88 12.86 14.88 12.86 10.44 13.30 10.44 13.30ZM13.71 12.86C13.71 12.86 13.15 12.86 13.15 12.86 13.15 12.86 10.78 12.86 10.78 12.86 10.78 12.86 10.30 12.43 10.30 12.43 10.30 12.43 13.71 12.86 13.71 12.86ZM9.13 12.43C9.13 12.43 8.58 12.43 8.58 12.43 8.58 12.43 7.78 12.43 7.78 12.43 7.78 12.43 7.08 12.00 7.08 12.00 7.08 12.00 9.13 12.43 9.13 12.43Z'; exports.definition = { prefix: prefix, iconName: iconName, icon: [ width, height, aliases, unicode, svgPathData ]}; exports.faCodeberg = exports.definition; exports.prefix = prefix; exports.iconName = iconName; exports.width = width; exports.height = height; exports.ligatures = aliases; exports.unicode = unicode; exports.svgPathData = svgPathData; exports.aliases = aliases; 并且 css/site.css 包含 .fa-codeberg:before { content: "\f366"; } 模仿 Font Awesome GitHub 中图标的 CSS 和 JS。但是，它不起作用，因为出现了另一个符号而不是图标。我做错了什么或者我没做什么？ 谢谢！ 解决方法是仅使用 CSS，将 SVG 包含在 data:image/svg+xml... 中： .fa-codeberg:before { content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0.00 8.56C0.00 14.69 4.25 14.69 4.25 14.69 4.25 14.69 10.92 6.07 10.92 6.07 10.87 5.84 10.65 6.07 10.65 6.07 10.65 6.07 17.04 6.07 17.04 6.07 17.04 6.07 15.04 6.07 15.04 6.07 15.04 6.07 14.84 6.07 14.84 6.07 14.84 6.07 12.76 6.07 12.76 6.07 12.76 6.07 11.42 6.07 11.42 6.07 11.42 6.07 8.97 6.07 8.97 6.07 8.97 6.07 8.65 6.07 8.65 6.07 8.65 6.07 6.07 6.07 6.07 6.07 6.07 6.07 4.89 6.07 4.89 6.07 4.89 6.07 9.41 6.07 9.41 6.07 9.41 6.07 9.82 6.07 9.82 6.07 9.82 6.07 12.89 6.07 12.89 6.07 12.89 6.07 13.94 6.07 13.94 6.07 13.94 6.07 10.59 6.07 10.59 6.07 10.59 6.07 10.08 6.07 10.08 6.07 10.08 6.07 6.54 6.07 6.54 6.07 6.54 6.07 5.61 6.07 5.61 6.07 5.61 6.07 9.92 6.07 9.92 6.07 9.92 6.07 10.48 6.07 10.48 6.07 10.48 6.07 14.50 6.07 14.50 6.07 14.50 6.07 15.36 6.07 15.36 6.07 15.36 6.07 10.18 6.07 10.18 6.07 10.18 6.07 10.73 6.07 10.73 6.07 10.73 6.07 14.78 6.07 14.78 6.07 15.58 3.57 10.81 1.81 14.78 1.65 11.20 -6.35 6.78 -6.35 6.78 -6.35 6.78 -6.35 0.00 4.14 0.00 8.56ZM10.44 13.30C10.44 13.30 10.99 13.30 10.99 13.30 10.99 13.30 14.54 13.30 14.54 13.30 14.54 13.30 14.88 12.86 14.88 12.86 14.88 12.86 10.44 13.30 10.44 13.30ZM13.71 12.86C13.71 12.86 13.15 12.86 13.15 12.86 13.15 12.86 10.78 12.86 10.78 12.86 10.78 12.86 10.30 12.43 10.30 12.43 10.30 12.43 13.71 12.86 13.71 12.86ZM9.13 12.43C9.13 12.43 8.58 12.43 8.58 12.43 8.58 12.43 7.78 12.43 7.78 12.43 7.78 12.43 7.08 12.00 7.08 12.00 7.08 12.00 9.13 12.43 9.13 12.43Z"></path></svg>'); } <i class="fa-codeberg"></i> 但是我想你想要这个有合适的外观，你提供的svgPathData看起来不太好...... .fa-codeberg:before { content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 4.233 4.233"><defs><linearGradient xlink:href="%23a" id="b" x1="42519.285" x2="42575.336" y1="-7078.789" y2="-6966.931" gradientUnits="userSpaceOnUse"/><linearGradient id="a"><stop offset="0" stop-color="%23000" stop-opacity="0"/><stop offset=".495" stop-color="%23000" stop-opacity=".3"/><stop offset="1" stop-color="%23000" stop-opacity=".3"/></linearGradient></defs><path fill="url(%23b)" d="M42519.285-7078.79a.76.568 0 0 0-.738.675l33.586 125.888a87.182 87.182 0 0 0 39.381-33.763l-71.565-92.52a.76.568 0 0 0-.664-.28z" paint-order="stroke markers fill" style="font-variation-settings:normal" transform="translate(-1030.156 172.97) scale(.02428)"/><path fill="%23000" d="M2.113.12A2.117 2.117 0 0 0 .32 3.36l1.764-2.28c.013-.017.045-.017.058 0l1.764 2.28A2.117 2.117 0 0 0 2.113.12z" paint-order="markers fill stroke"/></svg>'); } <i class="fa-brands fa-codeberg"></i>
Font Awesome 无法在 Stencil JS 组件内部工作
模板版本：@stencil/[email protected] 我想在我的 Stencil 组件中使用 Font Awesome。 我按照以下步骤进行操作 https://fontawesome.com/how-to-use/on-the-web/setup/using-package-managers ...
我试图让旋转图标旋转但没有成功。我已经下载了最新的很棒的字体，并创建了一个非常基本的 html 文件，以尝试消除任何变量以使其正常工作。 这是
在 font Awesome 4 中，您可以使用 CSS 轻松地将图标应用到 :before/:after 元素。 新的 font Awesome 5 JS/SVG 实现是否也可以实现同样的效果？据我所知，这需要......
Font Awesome 5 fa-github、fa-twitter 等不起作用（方块）
我有一个网站，使用 webpack 设置。我添加了 Font Awesome Pro 并为其配置了全局令牌。所以专业图标正在发挥作用。 但有些则不然，例如 fa-github 或 fa-twitter。这些是
我正在创建一个星星评论系统，想要使用很棒的字体来显示星星。然而，我遇到的困难是我的营销团队希望星星能够显示为 1/1...
如何在不使用模块的情况下在 Vue 3 中使用 FontAwesome？
我正在将一个项目从Vue 2迁移到Vue 3。该项目使用全局Vue对象。没有导入或模块。每个教程看起来都一样，来自 https://vuetifyjs.com/en/features/icon-fonts...
我正在制作一个闪亮的应用程序，我希望用户能够选择进入 Awesome Marker 的 Font Awesome 图标。 这是一个简单的应用程序，可以让用户选择标记颜色、图标颜色...
我有一个div，默认情况下会有一个虚拟图像。当单击 div 时，我将 src 设置为相机图片。到目前为止，该虚拟图像曾经是一个 URL。但现在有人建议我...
FontAwesome Brands scss 文件生成方形字符而不是 css 中的 unicode 值
我正在为一个网站使用纯 html、js 和 scss 模板。该模板使用 gulp 将 scss 构建为 css。我希望将很棒的品牌图标合并到我的网站中。我下载...
我正在创建一个静态网站，我正在使用标记的伪元素来使用 Font Awesome 图标更改列表项图标，并且我在 github Pages 上托管该网站。 我能看到l...
字体-真棒Tiktok图标（fab fa-tiktok）显示为书籍
我正在使用 Font Awesome 5（品牌）。抖音图标显示为一摞书，而不是风格化的 T。 尝试使用 Font-Awesome 的本地目录以及将样式链接到...
Angular 从 5 升级到 6：资产路径必须以项目源根目录开头
我将现有应用程序从 Angular 5 升级到 6。 运行 ngserve 后出现以下错误： node_modules/font-awesome/fonts 资源路径必须以 项目源根目录。错误：...
当我构建项目时，由于 FontAwesome，我的构建文件高达 8MB。从项目中删除 FontAwesome 后，我的构建文件减少到最大 500KB。我正在尝试优化包含...
我已将 Font-Awesome 插件添加到我的 WordPress 网站。 期望的行为是有一个表，其中有一列指向主页的链接，由 FA“主页”图标表示。 每个我...