font-awesome 相关问题

Font Awesome是一种标志性的独立矢量字体，最初开发用于Twitter Bootstrap前端框架。

@fontawesome-svg-core 需要身份验证

我正在尝试在 create-react-app 项目中安装 Fontawesome 5。我有专业版许可证。它不会安装 @fontawesome-svg-core （或任何其他 @fortawesome 模块）。它说需要验证...

reactjs font-awesome

回答 2 投票 0

Typed.js 和 Fontawesome

是否可以让 typed.js 与 fontawesome 一起使用，以便它可以输入 twitter 图标？

javascript font-awesome typed.js

回答 2 投票 0

如何将 font-awesome 图标与 paramquery 一起使用？

我正在使用 paramquery 生成网格表，我使用下面的代码在网格内添加了两个按钮。在此代码中，它使用 jQuery ui 图标，现在我想用 font-awesome 更改图标。有没有...

jquery jquery-ui grid font-awesome

回答 1 投票 0

如何以角度显示 font Awesome v6.4.2 品牌图标？

这是一个新的项目，有角度和字体-太棒了。我错过了一些东西，不确定它是什么。导入并添加参考。 Fontawesome 版本 “@fortawesome/Angular-fontawesom...

angular font-awesome

回答 1 投票 0

使用 Font Awesome 图标作为项目符号点，并使用单个列表项元素

我们希望能够使用 Font Awesome (http://fortawesome.github.com/Font-Awesome/) 图标作为 CMS 中无序列表的项目符号点。 CMS 上的文本编辑器仅输出原始 HTML，因此

css font-awesome

回答 8 投票 0

我的 fontawesome 和 bootstrap 图标没有显示在 azure 中

我使用express和html来运行html文件，通常如果我自己在自己的端口上运行它，图标显示得很好，但如果我出于某种原因在azure上运行它，图标只会显示得很少博...

azure express icons font-awesome bootstrap-icons

回答 1 投票 0

字体-很棒的字体错误 404

我不知道发生了什么，但在浏览器控制台中我可以看到 3 个与 font-awesome 相关的错误获取http://www.desktop.just4bettors.mobi/fonts/fontawesome-webfont.woff2?v=4.3.0 获取http://...

css fonts font-awesome

回答 11 投票 0

如何在 Angular 项目中使用您的 Kit 自定义 fontawesome 图标

我有一个很棒的订阅（付费计划），并且我创建了一些自定义图标。现在，我想知道如何在我的角度应用程序中使用它们。这是我的 package.json 文件依赖项。 “@

javascript css angular font-awesome

回答 1 投票 0

如何在 Angular 项目中使用您的 Kit 自定义 fontowesome 图标

我正在订阅fontowesome（付费计划），并且我创建了一些自定义图标。然后我想知道如何在我的角度应用程序中使用它们。这是我的 package.json 文件依赖项。 “@

javascript css angular font-awesome

回答 1 投票 0

将普通图标与堆叠图标对齐并且大小相同

我有两个图标，我想将它们对齐为相同的大小。预期成绩：目前的发展：如果我尝试将堆栈图标设置得小，它看起来像这样：所以，我想让它们保持一致。 ...

html css bootstrap-5 font-awesome

回答 1 投票 0

字体很棒的 CSS 中的奇怪下划线

当我将鼠标悬停在 font-awesome 的图标上时（当它们堆叠在一起时），如下所示（见图）。我得到这些奇怪的下划线。知道它们来自哪里吗？来源：当我将鼠标悬停在 font-awesome 的图标上时（当它们堆叠在一起时），如下所示（见图）。我得到这些奇怪的下划线。知道它们来自哪里吗？来源： <div class="text-center">  <a href="http://www.facebook.com/share.php?u=${shareURL}" target="_blank" style="color : #555"> <i id="facebook" class="fa-3x fa fa-facebook-square"></i> </a>  <a href="http://twitter.com/?status=Sign-Up+for+SolidTranslate+here!:+${shareURL}+@SolidTranslate" target="_blank" style="color : #555"> <i id="twitter" class="fa-3x fa fa-twitter-square"></i> </a>  <a href="http://www.linkedin.com/shareArticle?url=${shareURL}&title=Sign-Up%20for%20SolidTranslate%20here:%20${shareURL}&summary=To%20get%20started%20translating%20SolidWorks%20files%20register%2\ 0here:%20${shareURL}&source=${shareURL}" target="_blank" style="color : #555"> <i id="linkedin" class="fa-3x fa fa-linkedin-square"></i> </a>  <a href="https://plus.google.com/share?url=${shareURL}" target="_blank" style="color : #555"> <i id="googleplus" class="fa-3x fa fa-google-plus-square"></i> </a> </div> 这些线条通常来自默认（下划线）a元素样式。使用其他元素或删除下划线： a.social { /* or whatever your class */ text-decoration: none; } “文本装饰：无；”需要使用“a”标签上的“:hover”选择器进行设置，就像这样...... a:hover { text-decoration: none; } Fontawesome很棒又有趣。但如果您将其用作字体，这是预期的行为。为每个状态添加文本装饰。如果不添加:link，它会显示紫色下划线，很难看到，但它就在那里。如果不加:active，点击时会显示红色下划线，非常明显。 a:hover, a:focus, a:active, a:visited, a:link{ text-decoration: none; } 删除 text-decoration 以获得对所有 hover 类对象的 fa 效果： .fa:hover { text-decoration: none; } 假设您正在使用 a 标签 text-decoration: none; 可能还需要在类定义中使用 important 关键字 text-decoration: none !important; 嗯，我遇到了完全相同的问题，结果发现导致我的问题是我为容器设置的悬停效果的背景变化。我只需要将选择器更改为类选择器，一切就都解决了！我对这里所有错误的答案感到震惊。这些线条来自您的锚点，但这只是因为 <i> 和 <a> 元素之间有额外的空白。删除空格，线条就会消失。例如将 </i> </a> 变成 </i></a> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <div class="text-center">  <a href="http://www.facebook.com/share.php?u=${shareURL}" target="_blank" style="color : #555"><i id="facebook" class="fa-3x fa fa-facebook-square"></i></a>  <a href="http://twitter.com/?status=Sign-Up+for+SolidTranslate+here!:+${shareURL}+@SolidTranslate" target="_blank" style="color : #555"><i id="twitter" class="fa-3x fa fa-twitter-square"></i></a>  <a href="http://www.linkedin.com/shareArticle?url=${shareURL}&title=Sign-Up%20for%20SolidTranslate%20here:%20${shareURL}&summary=To%20get%20started%20translating%20SolidWorks%20files%20register%2\ 0here:%20${shareURL}&source=${shareURL}" target="_blank" style="color : #555"> <i id="linkedin" class="fa-3x fa fa-linkedin-square"></i></a>  <a href="https://plus.google.com/share?url=${shareURL}" target="_blank" style="color : #555"> <i id="googleplus" class="fa-3x fa fa-google-plus-square"></i></a> </div>

css hover font-awesome

回答 8 投票 0

Font Awesome 加载图标未显示在 WooCommerce 管理员列表中

基于自定义输入字段来更新 WooCommerce 管理产品列表中的库存数量，这是我的一个问题的上一个答案。以下代码为数量列添加了一个自定义按钮，

php jquery ajax woocommerce font-awesome

回答 1 投票 0

为什么按产品列表中的更新按钮后不会出现加载微调器？

基于自定义输入字段来更新 WooCommerce 管理产品列表中的库存数量，这是我的一个问题的上一个答案。以下代码为数量列添加了一个自定义按钮，

php wordpress woocommerce font-awesome cdn

回答 1 投票 0

无法使用 CSS 旋转 Angular 15 中的 font-awesome 图标

我试图让一个带有 fa 图标的按钮旋转 180 度，然后在再次单击时以另一种方式向后旋转。到目前为止我已经有了这个（在 stackblitz 中复制），但图标只是......