font-awesome 相关问题

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

Sphinx Readthedocs 主题字体很棒的集成

我知道这可能是一个非常愚蠢的问题,但我还没有在网上找到任何有关潜在解决方案的信息。 我正在使用 Sphinx 1.4 和 sphinx_rtd_theme 生成一些文档...

回答 5 投票 0

以 Font-Awesome 风格聚集自定义图标

上一个主题: https://stackoverflow.com/questions/75526891/custom-icons-in-font-awesome-style-r-leaflet?newreg=026c290b4abe44f58cc3d9a9bb490e39 我一直在解决同样的问题

回答 1 投票 0

Fontawesome 图标可防止换行符

如何防止在 fontawesome 图标和该图标附近的文本之间插入换行符? 看小提琴,我有一个nbsp,但是被丢弃了。 在下面的例子中,我不想...

回答 5 投票 0

使用 Font Awesome 时看不到字符

我正在尝试使用 font Awesome 插件。但我看不到角色。这是我的代码 我正在尝试使用 font Awesome 插件。但我看不到角色。这是我的代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> </head> <body> <h1>THIS IS IT</h1> <a href="#"><span class="fa fa-twitter"></span></a> </body> </html 这是我的问题还是其他人也有同样的问题? 尝试使用http: <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> 我解决了。事实证明,一开始所需要的只是一个 http。

回答 2 投票 0

使用 wkhtmltopdf 打印包含 Font Awesome 图标的 HTML

我想使用 wkhtmltopdf 打印一个 HTML 页面,其中包含 Font Awesome 图标。我在 Google 字体中看到了这个问题:Google Web Fonts and PDF Generation from HTML with wkhtmltopdf,但这种方式是...

回答 4 投票 0

如何修复手机/chrome 上不显示的字体真棒图标?

我使用这个 html 代码作为很棒的字体图标,它在桌面上完美显示,问题仅在于移动视图。**

回答 7 投票 0

如何更改浏览器选项卡中的页面图标颜色

Fontawesome 免费图标用作页面图标,例如 Fontawesome 免费图标用作页面图标,例如 <html><head> <link rel='icon' href='https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/svgs/solid/pen-to-square.svg'> </head></html> 出现黑色图标的是 Chrome 选项卡: 如何更改此图标颜色? 还使用了Bootstrap 5。 可以使用 bootstrap text-danger 类更改内部 html 页面颜色,例如 <i class="fa-regular fa-pen-to-square text-danger"></i> 或使用风格: .fa-pen-to-square { color: red; } 如何更改页面图标颜色? 这是使用 FontAwesome 免费 SVG 图标、Bootstrap 5、jquery 和 jquery ui 的 ASP.NET 9 MVC 应用程序。 更新 看起来像颜色属性 fill = "#AB7C94" 应按照如何更改“svg”元素的颜色?中所述注入到 SVG 中 并且内联数据 uri 应用于页面图标。 颜色被指定为 html 颜色名称。如何在 svg 中使用 html 颜色名称或将它们转换为 svg 中所需的颜色十六进制值? 或者 svg 过滤器可以应用于 FontAwesome 图标吗?不确定 FontAwesome 免费图标许可证是否允许图标修改。 不幸的是,无法使用 HTML 中应用的 CSS 类或样式动态更改 favicon 颜色,因为浏览器将 favicon 呈现为独立于 DOM 的独立图像资源。要更改用作网站图标的 FontAwesome 图标的颜色,您需要修改 SVG 文件本身。 大多数 CDN(包括 FontAwesome)以默认黑色或无颜色提供 SVG。他们不提供动态颜色定制。但是,您可以: 搜索允许动态自定义 SVG 颜色的服务(尽管这些服务很少见且通常不是免费的)。 SVGOMG 或类似的 SVG 编辑器等工具可让您上传和编辑 SVG 文件。

回答 1 投票 0

如何在 HTML 中使用很棒的字体图标

嗨,我无法使用很棒的字体图标,我不知道问题是什么 请向我解释一下如何在此版本中使用很棒的字体图标。步步 是的,有一些这样的话题,但我...

回答 4 投票 0

如何在图像的右上角叠加图标?

堆栈: 反应 相关包:FontAwesome => 'fortawesome' 相关包:React Bootstrap => 'react-bootstrap' 我目前拥有的: 我正在构建一个个人资料页面,我希望用户...

回答 3 投票 0

在使用 vite 构建 javascript 包时如何确保包含 fontawesome 指令

在我的 vite/tailwind 项目中,我将以下内容作为安全列表的一部分: safe_twsty_arr = ['bg-pink-500', 'fa-2x', 'fa-fw', 'fa-user', 'flex', 'flex-col', 'font-bold ...</desc> <question vote="0"> <p>在我的 vite/tailwind 项目中,我将以下内容作为安全列表的一部分:</p> <pre><code>&lt;script lang=&#34;ts&#34;&gt; safe_twsty_arr = [&#39;bg-pink-500 &#39;, &#39;fa-2x&#39;, &#39;fa-fw&#39;, &#39;fa-user&#39;, &#39;flex &#39;, &#39;flex-col &#39;, &#39;font-bold &#39;, &#39;font-mono &#39;, &#39;h-6 &#39;, &#39;invisible &#39;, &#39;justify-center &#39;, &#39;md:w-1/3 &#39;, &#39;mt-4 &#39;, &#39;p-1 &#39;, &#39;pb-2 &#39;, &#39;pl-2 &#39;, &#39;pt-2 &#39;, &#39;sm:max-md:hidden &#39;, &#39;sm:max-md:w-full &#39;, &#39;space-x-8 &#39;, &#39;space-y-2 &#39;, &#39;svg-inline--fa&#39;, &#39;text-2xl &#39;, &#39;w-6 &#39;]; let concString = safe_twsty_arr.join(&#39; &#39;); &lt;/script&gt; &lt;div class={concString}&gt;&lt;/div&gt; &lt;div class=&#39;&#39;&gt;&lt;/div&gt; </code></pre> <p>还安装了 @fortawesome/fontawesome-svg-core": "^6.6.0"。但是生成的包和 style.css 不包含任何 fontawesome 指令(如 fa-2x 等)的 css。</p> </question> <answer tick="false" vote="0"> <p>这是您实际的 tailwind.config.cjs / .js 吗?</p> <p>您是否包含内容指令?顺便说一下,您可以在安全列表中使用模式。这是一个例子:</p> <pre><code>module.exports = { … content: [ &#39;./your-directory-one-to-include/**/*.{ts,js,vue}&#39;, &#39;./your-directory-two-to-include/**/*.{ts,js,vue}&#39;, ], safelist: [ { pattern: /opacity-(0|10|20|30|40|50|60|70|80|90|100)/ }, { pattern: /grid-rows-(1|2|3|4|5|6|7|8|9|10|11|12)/ } ], … }; </code></pre> </answer> </body></html>

回答 0 投票 0

FontAwesome 图标在反应/下一个应用程序中无法正常工作

已解决 - TLDR;将 import '@fortawesome/fontawesome-svg-core/styles.css' 添加到 _app.js / index.js 文件修复了该问题,并且 FontAwesome 按预期工作。我的问题是由 npx-create-next-... 引起的

回答 5 投票 0

有没有办法检查哪个域正在访问我的 FontAwesome 套件?

今天,我突然收到一封来自 FontAwesome 的电子邮件,警告我我的工具包已收到本月分配的 10,000 浏览量限制的 60% 以上。 问题是,我什至不知道在哪里

回答 1 投票 0

我在 Laravel 8 应用程序中安装 Font Awesome 失败

我想在我的 Laravel 8/Tailwind CSS 2.0.1 应用程序中添加 Font Awesome,搜索后,我按照以下方式安装它。 npm install font-awesome --save 然后我在文件 /mnt/

回答 5 投票 0

使用 Firefox / google chrome 进行编码

在我的网站上,我使用 Font Awesome 作为图标。但是,我没有看到正确的图标,而是看到了正方形或空矩形等占位符(例如,而不是 )。这个问题依然存在

回答 1 投票 0

Docker 和带有 .npmrc 的私有包

我正在使用 .npmrc 文件来配置私有存储库(font-awesome-pro)。 无需 docker 即可正常运行。 但是使用 docker,npm 安装失败: npm 错误!代码E401 npm 错误! 404401 未经授权:@

回答 6 投票 0

FontAwesome 旋转器不会在 React 中旋转

我使用 npx create-react-app 创建了一个 React 应用程序。 然后按照这些说明进行操作 https://fontawesome.com/how-to-use/on-the-web/using-with/react 我安装了 Font Awesome 依赖项: 不...

回答 5 投票 0

为 h2 文本添加单独的 css 样式

我有这门课: .word-经销商标题 这是 h2 中的文本 主要制造零部件行业 我想在 CSS 中为上述每个单词应用单独的样式,尤其是 font-family 。 ...

回答 2 投票 0

将SVG链接转换为css中的格式

我有像下面这样的CSS, 背景图像: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220% 200%2024%2024%22%3E%20%3Cpath%20d%3D%

回答 1 投票 0

Magento 2 上的 Font Awesome 图标出现问题

我正在尝试在 Magento 2 (2.4.3) 中添加 Font Awesome 图标,但我有一个问题:HTML 标签没有被 svg 图标替换。 脚本加载,HTML 标签呈现在页面上,但它不是......

回答 2 投票 0

使用Font Awesome 6 Pro时如何使Font Awesome图标变实

我有以下伪CSS渲染正确的Font-Awesome图标,但不是实体图标: 内容:“0dc”; font-family: 'Font Awesome 6 Pro'; 左内边距:5px; 字体粗细:...

回答 1 投票 0

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