font-awesome 相关问题

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

Fontawesome webfonts 自 webpack 构建以来有时无法加载

我刚刚将我们项目中旧的 css 和 js 构建过程从 grunt（和 less 中的 css）迁移到 webpack 5（和 scss 中的 css），一切似乎都很好。但是，存在一个问题：有时会...

webpack sass font-awesome webpack-5

回答 2 投票 0

并非所有图标都显示在选择下拉列表中使用 Font Awesome 图标

这个实现它的布局脚本我想在我的下拉列表中显示所有图标，即使我使用 fontawesome-free-5.15.4 所有免费图标都不是专业版。

asp.net-core font-awesome

回答 0 投票 0

单独的 .jv 扩展中的 javascript 是否应该有 html 文档类型，因为验证器警告我，我真的很困惑

javascript 无法在我的网页上运行， // 激活 Bootstrap 工具提示 $(函数(){ $('[data-toggle="tooltip"]').tooltip() }) // 平滑滚动...</desc> <question vote="0"> <p>javascript 无法在我的网页上运行，</p> <pre><code><script> // Activate Bootstrap tooltip $(function () { $('[data-toggle="tooltip"]').tooltip() }) // Smooth scrolling using jQuery easing $('a.nav-link').on('click', function(event) { if (this.hash !== '') { event.preventDefault(); var hash = this.hash;<kbd>your text</kbd> $('html, body').animate({ scrollTop: $(hash).offset().top }, 800, function(){ window.location.hash = hash; }); } }); // Initialize Font Awesome FontAwesome.init(); </script> </code></pre> <p>我已经尝试了所有可能的方法，我需要一个用于较小屏幕预设的响应式折叠设计。</p> </question> <answer tick="false" vote="0"> <p>如果您的 JavaScript 在单独的 <pre><code>.js</code></pre> 文件中，则您根本不应该有任何 HTML：没有 <pre><code>DOCTYPE</code></pre>，没有 <pre><code><script></code></pre> 标签，只有 JavaScript 本身。例如：</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>// Activate Bootstrap tooltip $(function () { $('[data-toggle="tooltip"]').tooltip() }) // Smooth scrolling using jQuery easing $('a.nav-link').on('click', function(event) { if (this.hash !== '') { event.preventDefault(); var hash = this.hash;<kbd>your text</kbd> $('html, body').animate({ scrollTop: $(hash).offset().top }, 800, function(){ window.location.hash = hash; }); } }); // Initialize Font Awesome FontAwesome.init();</code></pre> <pre><code><!DOCTYPE html> <html> <head> <title>My Web Page</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="index.js" defer></script> </head> <body> <h1>My Web Page</h1>  </body> </html></code></pre> </div> </div> <p></p> <p>看起来您正在使用 jQuery，因此您需要从 HTML 文件中引用它。</p> <p>如果你的 JavaScript 是一个 HTML 文件，你可以像这样包含它：</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code><!DOCTYPE html> <html> <head> <title>My Web Page</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> // Activate Bootstrap tooltip $(function () { $('[data-toggle="tooltip"]').tooltip() }) // Smooth scrolling using jQuery easing $('a.nav-link').on('click', function(event) { if (this.hash !== '') { event.preventDefault(); var hash = this.hash;<kbd>your text</kbd> $('html, body').animate({ scrollTop: $(hash).offset().top }, 800, function(){ window.location.hash = hash; }); } }); // Initialize Font Awesome FontAwesome.init(); </script> </head> <body> <h1>My Web Page</h1>  </body> </html></code></pre> </div> </div> <p></p> </answer> </body></html>

javascript html css drop-down-menu font-awesome

回答 0 投票 0

How to use Font Awesome in css (content in <hr>)?

看起来是这样的：小时 { 位置：相对；边框：无；溢出：可见；文本对齐：居中；宽度：80%；顶部：3%；左：10%； border-top: 3px solid #c7a175; 边界半径...

html css font-awesome

回答 0 投票 0

无法使用 Vue2 渲染 FontAwesome 组件

我一直在关注 FontAwesome 到 Vue 官方文档，但没有用。我的包.json “依赖”：{ "@fortawesome/fontawesome-svg-core": "^1.2.36", &q...

javascript vue.js vuejs2 font-awesome

回答 0 投票 0

Html 不会显示字体真棒

您好，我正在尝试让复选框图标和加号显示在我网站上的复选框标签上。我将此 css 代码放在页面主 .css 文件中，但图标不会显示。这是 .css 的...

html css font-awesome

回答 1 投票 0

Font Awesome 可以与 Rails 7 中的导入映射一起使用吗？

我是 Rails 7 的 importmap 的新手，文档说你可以固定一个 JavaScript 模块然后导入它： ./bin/importmap pin react react-dom 从“反应”导入反应导入 ReactDO...

font-awesome ruby-on-rails-7

回答 3 投票 0

ggplot2 和 fontawesome 只显示一个空的矩形

我尝试在 ggplot2 图中使用一些很棒的字体图标。特别是“fa-temperature-arrow-up”对我来说很有趣，但我无法让它发挥作用。我尝试了 emojifont 包，但没有

r ggplot2 font-awesome ggtext

回答 1 投票 0

font-awesome fa-thin 不起作用而 fa 起作用

在我的网站上，以下代码有效：在我的网站上，以下代码有效： <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css"/> <i class="fa fa-bars" style="color: #ffffff;"></i> 但是，下面没有（显示正方形）： <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css"/> <i class="fa-thin fa-bars" style="color: #ffffff;"></i> 我从这个网站获取代码：https://fontawesome.com/v6/icons/bars?f=classic&s=thin 我的问题是如何使fa-thin工作。非常感谢您的帮助！在您链接到的文档上，单击入门。这将带来一个模式，上面写着：这是专业版图标！要使用“bars”的细样式，您需要订阅 Pro 级计划或永久 Pro 许可证，其中包括发布此图标（或样式）的特定版本的 Font Awesome。您使用的是非官方的第三方 CDN，它只包含免费图标。

html css font-awesome

回答 1 投票 0

带有类“fa-brands”的字体真棒图标不起作用

我在标题中导入了一个很棒的字体库 ...

html css font-awesome

回答 2 投票 0

将 FontAwesome 添加到样式 amp-custom

我正在尝试放置 FontAwesome 的源代码：在你的部分......

font-awesome amp-html amp-story amp-access

回答 0 投票 0

垫子选择中的字体真棒图标没有按预期显示

我正在开发一个角度应用程序，其中有一个 matInput，我试图在 matInput 的占位符中显示一个图标。我尝试使用的超赞字体图标是信息圆圈我的代码 <...

angular angular-material font-awesome mat-input

回答 2 投票 0

font-awesome 从项目本地加载 415（不支持的媒体类型）

在项目中配置为从本地项目文件夹而不是从 CDN 加载“fontawesome.min.css”。按照以下步骤和配置，现在得到 415 Unsupported Media ty ...

html css font-awesome http-status-code-415 woff2

回答 0 投票 0

Swift 字体显示在情节提要上，但模拟器 Xcode 14.3 上没有显示

有人能帮忙吗？运行模拟时无法查看我的字体。但我可以在故事板上看到我的字体，第一张图片来自故事板，第二张图片来自模拟，我想要的字体...

ios swift xcode fonts font-awesome

回答 0 投票 0

FontAwesome fontawesome-webfont.woff2?v=4.5.0 404 找不到

我在我的 asp.net mvc 项目中使用 fontawesome 4.5。我在控制台上遇到以下错误我在我的字体文件夹中包含了字体并在 layout.cshtml 中排列 fontwesome 样式表我在我的 asp.net mvc 项目中使用 fontawesome 4.5。我在控制台上遇到以下错误我的字体文件夹中包含了字体并在 layout.cshtml 中为 fontwesome 样式表划线 <link href="~/Content/font-awesome.min.css" rel="stylesheet" /> 我的字体属性是这样的 @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.5.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } 我还在 system.webServer 下的 web.config 文件中添加了静态内容 <staticContent> <remove fileExtension=".woff" /> <mimeMap fileExtension=".woff" mimeType="application/font-woff" /> <remove fileExtension=".woff2" /> <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" /> </staticContent> 并且还在 IIS 中添加了 MIME 类型错误仍然存在。需要帮助解决这个问题谢谢也许你的 MIME 类型不正确。请像下图一样改变。从application/font-woff2到font/x-woff2

asp.net-mvc font-awesome

回答 1 投票 0

我在使用字体真棒库可下载字体时出错

我在我的项目中使用字体真棒库但是在使用它时出现错误可下载字体：下载失败错误图像可下载字体：下载失败（字体系列：“Font Awe ...

javascript html css font-awesome

回答 0 投票 0

无法编译 awesome-icons.less

我有一个 main.less 文件，我正在尝试使用 font-awesome (6.3.0) 类进行编译。我收到此消息错误：无法编译 less 到 css。继续... org.lesscss.LessException：ParseError：

css less font-awesome

回答 0 投票 0

font-awesome 和 less：编译 awesome-icons.less

我有一个 main.less 文件，我正在尝试使用 font-awesome (6.3.0) 类进行编译。我收到此消息错误：无法编译 less 到 css。继续... org.lesscss.LessException：ParseError：