font-awesome 相关问题

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

如何在 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"> </a>  <a href="http://twitter.com/?status=Sign-Up+for+SolidTranslate+here!:+${shareURL}+@SolidTranslate" target="_blank" style="color : #555"> </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"> </a>  <a href="https://plus.google.com/share?url=${shareURL}" target="_blank" style="color : #555"> </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; 嗯，我遇到了完全相同的问题，结果发现导致我的问题是我为容器设置的悬停效果的背景变化。我只需要将选择器更改为类选择器，一切就都解决了！我对这里所有错误的答案感到震惊。这些线条来自您的锚点，但这只是因为 和 <a> 元素之间有额外的空白。删除空格，线条就会消失。例如将 </a> 变成 </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"></a>  <a href="http://twitter.com/?status=Sign-Up+for+SolidTranslate+here!:+${shareURL}+@SolidTranslate" target="_blank" style="color : #555"></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"> </a>  <a href="https://plus.google.com/share?url=${shareURL}" target="_blank" style="color : #555"> </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 中复制），但图标只是......

html css angular font-awesome

回答 1 投票 0

达到 Font Awesome Kit 免费计划限制时会发生什么？

在其定价页面中，Font Awesome 免费版本现在（2020 年 3 月）显示每月浏览量限制为 10k。当您的网站达到该限制时会发生什么？字体会停止显示吗？我似乎无法...

font-awesome

回答 3 投票 0

反转加圆圈字体真棒图标颜色

我想要字体很棒的图标，如下图所示：所以我尝试将其添加为以下代码： .自定义图标{ 位置：相对；颜色：#a3a1a1；字体大小：继承； } .自定义图标::...

html css font-awesome favicon

回答 1 投票 0

Rails 7：字体很棒的图标未显示

我有一个问题。在我的 Rails 7 应用程序中，我尝试使用 Font-Awesome 图标。我已经安装了这个 npm 包，然后添加：导入“@fortawesome/fontawesome-free” 到我的 app.ts。 ...

ruby-on-rails npm font-awesome

回答 2 投票 0

更改字体真棒图标中的字体大小

我正在使用视差亲起源子主题，所以我在小部件区域内工作。我不确定我是否以正确的方式处理这个问题，但我尝试通过这样做在很棒的字体图标下书写......

wordpress css font-awesome genesis

回答 4 投票 0

Font Awesome 错误：“可下载字体：被消毒剂拒绝（字体系列：“Font Awesome 5 Free”样式：正常重量：900 拉伸：100 src 索引：1）

我用html找到了这个在 Firefox 中（错误）可下载字体：被消毒剂拒绝（字体系列：“Font Awesome 5 Free”样式：正常重量：900拉伸：100 src索引：1）来源：http://loc...

html css font-awesome

回答 2 投票 0

为什么我的图标在 Safari 和其他浏览器上看起来不同？

我正在尝试制作一个圆形图标，我注意到边框半径在 Safari 中无法正常工作。图标如下所示：火狐浏览器苹果浏览器正如你所看到的，Safari 中的图标边缘...

css sass icons font-awesome

回答 1 投票 0

在 Petite Vue 中使用 Font Awesome

我正在尝试将 Font Awesome 与 Petite Vue 一起使用。由于它是 Vue 的轻量级版本，没有构建步骤，因此我无法使用 Font Awesome Vue 组件。我正在使用 Font Awesome Pro Kit（网络字体

html frontend font-awesome petite-vue

回答 2 投票 0

如何将 Font Awesome 5 与 Svelte/Sappe 一起使用

我正在使用 Svelte/Sapper 编写服务器端渲染应用程序，但在使用 Font Awesome 字体时遇到问题。我使用以下命令来加载字体：从“svelte-a...”导入图标</desc> <question vote="3"> 我正在使用 Svelte/Sapper 编写服务器端渲染应用程序，但在使用 Font Awesome 字体时遇到问题。 我使用以下内容来加载字体： <pre><code><script> import Icon from "svelte-awesome"; import { faTimes } from "@fortawesome/free-solid-svg-icons/faTimes"; </script> <Icon data={faTimes} /> </code></pre> 我看到的错误是： “不是有效的 SSR 组件。您可能需要检查构建配置以确保依赖项已编译，而不是作为预编译模块导入” 这个问题有解决办法吗？ </question> <answer tick="true" vote="4"> 我来到这个页面，寻找将 FontAwesome CSS 导入到 Svelte 中而不需要任何其他组件或依赖项的方法。事实证明，使用 Svelte 这就像使用纯 HTML 一样简单：获取 FontAwesome CSS（例如通过包管理器、CDN 或下载）并将其添加到 HTML <pre><code><head></code></pre> 部分。 <ol> <li>我喜欢通过 npm 安装它，以与所有其他依赖项一起维护其版本： <pre><code>npm install --save @fortawesome/fontawesome-free</code></pre> </li> <li>安装后，只需将样式表（来自node_modules内的@fortawesome目录）添加到<pre><code><head></code></pre>的<pre><code>app.html</code></pre>部分。 </li> </ol> <pre><code><head> ... <link href="./../node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"> ... </head> </code></pre> <ol start="3"> <li>在 Svelte 组件中使用 FontAwesome 图标，例如<pre><code></code></pre></li> </ol> </answer> <answer tick="false" vote="0"> 对于 svelete-aweome，导入在 Sapper 中应如下所示： <pre><code> import Icon from 'svelte-awesome/components/Icon'; </code></pre> </answer> <answer tick="false" vote="0"> 花了 5 个小时试图弄清楚，最后这是在 Sveltekit 中使用 Fontawesome 图标的最简单方法（也适用于生产环境）： <ol> <li>安装 fontawesome 包 <pre><code>npm install @fortawesome/fontawesome-free </code></pre> </li> <li>在您需要的组件或页面中导入包含所有图标的 css 文件。（也可以在<pre><code>+layout.ts</code></pre>中导入应用到多个页面） <pre><code>import '@fortawesome/fontawesome-free/css/all.min.css' </code></pre> </li> <li>您现在可以以简单经典的方式使用图标： <pre><code> </code></pre> </li> </ol> 我希望这有帮助！ </answer> </body></html>

font-awesome svelte sapper

回答 0 投票 0

Fontawesome 图标未显示在 Angular 项目中

我已经使用 npm install --save font-awesome 与 npm 安装了 fontawesome 然后我将 css 添加到我的 angular.json 中，如下所示： “样式”：[ “node_modules/bootstrap/dist/css/

angular font-awesome

回答 4 投票 0

很难显示 Font Awesome Brand 图标

我试图让 Font Awesome Github 图标显示在客户端，但它没有显示。我正在使用 next.js、tailwind 和 React.js 来构建我的第一个作品集。我有以下内容

reactjs next.js icons font-awesome

回答 1 投票 0

更改 fa-信封 fa-电话 fa-home 图标的颜色

我下载的 html5 模板有红色图标，如下图所示。我想将图标的颜色更改为#628e7f。我在 main.css 文件中插入了以下代码。而不是改变

html css html5-canvas font-awesome

回答 1 投票 0

使用 React + Tailwind 调整字体中图标大小的问题

我一直在尝试学习 React 和 Tailwind，但由于某种原因，我无法调整 font Awesome 的图标大小。我尝试尽我所能，使用 tai 的 size="sm" 和 h-px w-px ...

reactjs icons tailwind-css size font-awesome

回答 1 投票 0

当 Font Awesome 带宽使用量超过我本月计划允许的 npm 带宽时会发生什么？

我们于 8 月 1 日收到来自 Font Awesome 的提醒，称我们本月使用的 npm 带宽超出了我们计划允许的带宽。这很有趣，因为去年我们从未超支带宽并且......

angular font-awesome bandwidth npm-package

回答 1 投票 0

Fontawesome 风格的图标在 vite.js 中不起作用

Fontawesome 风格的图标在 vite.js 中不起作用。您可以简单地创建一个 vite 应用程序，然后向其中添加 fontawesome，您就会注意到它。错误：未捕获的引用错误：进程未定义在

reactjs font-awesome vite

回答 3 投票 0

font-awesome 相关问题

最新问题