font-awesome 相关问题

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

如何在 Font Awesome 的图标上指定亮/暗模式?

以这个图标为例:https://fontawesome.com/icons/rug?f=classic&s=solid 你会看到有一个 Nox/Lumos 的开关:noxlumos 如果我将图标添加到我的网页而不指定模式,...

回答 1 投票 0

如何从 Font Awesome 仅安装所需的字体?

我会使用 Font Awesome 中的几个图标。 我发现我们可以下载整个 font-awesome 目录并使用像 这样的简单代码并使用 fa-...

回答 6 投票 0

ckeditor 5 删除空标签 - 我不希望它这样做

我正在使用 FA 来渲染图标,例如 ckeditor 5 删除它们。 有什么想法如何防止这种行为? 注意 - 我正在使用 ckeditor v5。我已经...

回答 1 投票 0

Fontawesome 在构建过程中给出 401 未经授权的错误

我已经使用 fontawesome 几个月了,没有出现任何问题。今天,每当我尝试将应用程序推送到生产环境时,我就开始看到此错误。 error 发生意外错误:“https://npm.fontaw...

回答 3 投票 0

如何减小 FontAwesome 包的大小?

在我最近尝试加快页面加载速度时,我注意到 FortAwesome 在页面加载期间占用了 1.08MB 的空间: 您正在查看的模块是我的 SharedModule,它在

回答 3 投票 0

为什么 FontAwesome 建议通过 .js 脚本而不是 CDN 链接包含?

我正在寻找一个 CDN 来链接到 FontAwesome。 他们的网站提供了一个 .js 链接(而不是使用我发现的这个开源 CDN) 它是否检查链接(或者尝试搜索...

回答 5 投票 0

字体真棒图标显示为正方形

我想使用很棒的字体为我的侧边栏制作一个图标,但图标变成了正方形。 我可以使用 cdn,但我想尝试离线。我将 all.min.css 放在 public 文件夹中的 css 文件夹中 输入图像描述...

回答 1 投票 0

在 Blazor WebAssembly 应用程序中更新到较新版本的 Bootstrap 和 font Awesome 的最佳方法

谁能告诉我从创建项目时使用的默认版本更新到 Blazor WebAssembly 应用程序中 Bootstrap 和 font Awesome 较新版本的最佳方法?

回答 3 投票 0

如何缩小FontAwesome 5.3.1的大小

将 SVG 与 JavaScript 结合使用比将 Web Fonts 与 CSS 结合使用大 20 倍。 如果我使用Using SVG with JavaScript,这就是一个大问题,不包括其他js、jquery、bootstrap。仅加载 FontAwesome 5

回答 3 投票 0

Angular 6 Service Worker 正在缓存字体很棒的图标,无法在离线模式下检索它们

我对 font-awesome 和 PWA 离线模式有问题。当我的应用程序加载时,它会缓存构建的生产包中的所有内容以及字体很棒的文件。 当我切换到“o...

回答 3 投票 0

使用 fa-regular 时 FontAwesome 字体粗细的问题

Chrome 115 和 117(也在 Edge 中) fa-solid 显示正常,但常规显示为正方形 这是它的样子 当尝试在 DevTool 中使用 font-weight 时,浏览器看起来无法显示......

回答 1 投票 0

Moodle 平台上的 TinyMce 和 Fontawesome 图标存在问题。图标不出现

长期以来,我们在 Moodle 上使用 Atto 作为文本编辑器。 在页脚上,我们使用 fontawesome 图标来表示社交媒体链接。 这是我们在 Atto 中最常使用的代码。 长期以来,我们在 Moodle 上使用 Atto 作为文本编辑器。 在页脚上,我们使用 fontawesome 图标来表示社交媒体链接。 这是我们在 Atto 中最常使用的代码。 <div style="text-align:center;"> <a href="https://www.linkedin.com" target="_blank" title="Facebook"><span class="sr-only">Linkedin</span><span class="fa-stack fa-lg"><span class="fa fa-circle fa-stack-2x"></span><span class="fa fa-linkedin fa-stack-1x fa-inverse"></span></span></a> <a href="https://twitter.com/" target="_blank" title="Twitter"><span class="sr-only">twitter</span><span class="fa-stack fa-lg"><span class="fa fa-circle fa-stack-2x"></span><span class="fa fa-twitter fa-stack-1x fa-inverse"></span></span></a> <a href="https://www.youtube.com/" target="_blank" title="Youtube"><span class="sr-only">Youtube</span><span class="fa-stack fa-lg"><span class="fa fa-circle fa-stack-2x"></span><span class="fa fa-youtube fa-stack-1x fa-inverse"></span></span></a> </div> 当我们切换到TinyMce编辑器时,代码被修改,图标不再出现。 结果代码是: <div style="text-align: center;"><a title="Twitter" href="https://twitter.com/" target="_blank" rel="noopener"><span class="sr-only">twitter</span></a> <a title="LinkedIn" href="https://www.linkedin.com/" target="_blank" rel="noopener"><span class="sr-only">linkedin</span></a> <a title="Youtube" href="https://www.youtube.com/" target="_blank" rel="noopener"><span class="sr-only">Youtube</span></a></div> 所有 fa 类都被删除,因此图标不再可见。 我应该怎么做才能避免这个问题? 我们管理许多 Moodle 平台,Atto 编辑器很快将无法与 Moodle 兼容。 所以我确实需要找到一种在 Moodle 上通过 TinyMce 编辑器使用这个图标的方法。 谢谢您的帮助:) 最好的问候, 尝试在 Moodle 平台上通过 TinyMce 编辑器使用 Font Awesome 图标。 TinyMCE 默认删除空标签。您需要在标签内添加一些内容: <i class="fa-solid fa-cubes-stacked">< !-- SOMETHING_HERE --> </i> 同样适用于<em>: <em class="fa-regular fa-file-code"><!-- SOMETHING_HERE --></em>

回答 1 投票 0

社交菜单图标问题 - 添加课程时没有超链接

我正在littleseabear.com 上使用我自己的无限新闻儿童主题。 Infinity News 使用 ion 图标,并且为了使图标出现在社交菜单中,CSS 类似于: 社交图标 ul a[href*="

回答 1 投票 0

为什么我的字体图标没有改变大小?如何让它随着桌面尺寸的缩小而缩小?

在页脚中,我添加了一些很棒的字体链接,这些链接现在工作正常。 看看我的 CSS 代码,为什么大小没有改变?如何将其放置在页脚横幅的中间? 我...

回答 1 投票 0

CSS 中使用绝对和相对位置定位元素的困难

我目前正在开发一个项目,尝试调整侧边栏中元素的位置。侧边栏包含 Font Awesome 图标和相应的文本元素,我正在尝试...

回答 1 投票 0

使用 Laravel 9 (Vite) 安装 font-awesome

我正在使用 Laravel 9,它不再使用 mix,但是 vite,为了捆绑资源,我也没有使用任何像 sass 或更少的预处理器,并且对它们一无所知。 每条文字都关于...

回答 4 投票 0

通过 GitHub 秘密中的 Dockerfile 将 Font Awesome 令牌作为构建秘密注入到 .npmrc

我们目前在应用程序中使用 Font Awesome 库来存储字体和图标。它在 .npmrc 文件中注册,如下所示: @fortawesome:registry=https://npm.fontawesome.com/ //npm。

回答 1 投票 0

用 svg 替换 font Awesome 图标

我想用 和 svg 替换一个很棒的字体图标。 例如,如果 css 类是 class="'fa fa-square'",如何更改它才能使用具有相同形状的 svg 文件 square.svg?

回答 2 投票 0

尽管本地托管和 CORS 已修复,但 Font Awesome 图标仍不显示

我遇到了一个问题,尽管在本地托管 Font Awesome 文件,但 Font Awesome 图标没有显示在我的实时 Web 服务器上。我最初遇到了 CORS 问题,本地解决了

回答 1 投票 0

FontAwesome 图标在 Safari 中的位置比 Chrome 中更高

我不知道为什么会发生这种情况,但我的 FontAwesome 图标在 Safari 中出现偏移。 在 Chrome 中它们看起来像这样: 在 Safari 中,像这样: 现在,我正在使用 Foundation、React.js 和 FontAwe...

回答 4 投票 0

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