font-awesome 相关问题

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

XLS0504属性'fontfamily'不支持类型'onplatform`1(t)'xamarin forms formsforms

我正在尝试在我的fontawsome项目中添加Xamarin forms图标。我关注的是本教程这样做。但是,当我使用以下代码时, <Button.FontFamily> <OnPlatform></OnPlatform> </Button.FontFamily> 它显示错误。那就是XLS0504 Property 'FontFamily' does not support values of type 'OnPlatform1(t)'.如何解决此错误? Xamarin Version - 5.0.0.2012 是因为您需要将fontfamily指定为字符串。 trone类似于以下内容: <Button.FontFamily> <OnPlatform x:TypeArguments="x:String"> <On Platform="iOS" Value="iOSFont" /> <On Platform="Android" Value="AndroidFont" /> <On Platform="UWP" Value="UWPFont" /> </OnPlatform> </Button.FontFamily>

回答 1 投票 0


font Awesome IconsInnerhtml

我需要能够将图标放入InnerHTML,但由于某些原因,它们没有出现。 该页面只是显示了很小的正方形,这意味着代码无效,所以什么是CO ...

回答 3 投票 0

我很难使fontawesome

app assets builds tailwind.css stylesheets application.css application.tailwind.css

回答 1 投票 0

未定义

//来自字体很棒 “@fortawesome/fontawes ...

回答 2 投票 0

如何修复WhatsApp字体很棒不工作

除了什么都没有显示的WhatsApp One之外,我的所有图标都可以正常工作。请协助 <i class="fab fa-whatsapp-square"></i>

回答 1 投票 0


如何使字体很棒的图标更小? 我使用字体很棒的图标将其制成,以使其悬停时是红色的。 除了我使用该代码时,图标并不小。我做错了吗? 这是代码:

外,当我使用该代码时,图标并不小。我做错了吗? 这里是代码:</desc> <question vote="0"><code>&lt;style&gt; .youtube-icon { color: black; /* Initial color */ font-size: 30px; /* Icon size */ transition: color 0.3s; /* Smooth transition */ line-height: 1; /* Ensures icon doesn&#39;t have extra space */ } .youtube-icon:hover { color: red; /* Color on hover */ } &lt;/style&gt; &lt;i class=&#34;fab fa-youtube youtube-icon&#34;&gt;&lt;/i&gt; </code><p> </p> <p> </p>可能是因为选择器的特异性低于其默认值。尝试再次添加同一类选择器以提高其特异性:<p> </p><code>.youtube-icon.youtube-icon { color: black; font-size: 30px; transition: color 0.3s; line-height: 1; } </code><pre> </pre>或使用</question><code>!important</code><answer tick="false" vote="0">:<p> </p><code>.youtube-icon { color: black; font-size: 30px !important; transition: color 0.3s; line-height: 1; } </code><pre> </pre> <p><pre>

回答 0 投票 0

text在<li>标签中,当它移至下一行

我创建了一个带有一组LI标签的未订购列表。我在开始文本之前使用字体很棒的图标作为图标。 #facts i { 边缘权利:1%; 字体大小:150%; ...

回答 3 投票 0

不能显示带有fontawesome的React-js library的图标

Import“ ./app.css”; 从'@fortawesome/react-fontawesome中导入{fontaweshisicon} 功能应用程序(){ 返回 ( import "./App.css"; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' function App() { return ( <div className="container"> <input type="text" className="form-control" placeholder="Ara..." id="search_input"> </input> <button type="button" className="btn btn-light" id="search_button"><FontAwesomeIcon icon="search" /></button> <button type="button" className="btn btn-primary" id="buttons">E-Twinning</button> <button type="button" className="btn btn-primary" id="buttons">Erasmus</button> </div> ); } export default App; 我需要帮助。我在后台有一个PNG和SVG文件,我尝试显示SVG和PNG文件,但它不起作用。 要在iconprop中使用字符串(您使用的方式),您需要使用library.add()添加这些图标才能使其正常工作。 阅读更多here。检查部分“通过全局使用使用图标” 其他方式是导入单个图标并使用它们。 import { faSearch } from "@fortawesome/free-solid-svg-icons"; <FontAwesomeIcon icon={faSearch} />

回答 1 投票 0

ReactNative Expo 应用程序上的 FontAwesome6 使用的正确库是哪一个?

我正在尝试在我的 React Native 应用程序上使用 FontAwesome6。我对使用哪些反应库感到困惑,因为其中似乎有两个库是官方的: 反应本机矢量图标/fontawe...

回答 1 投票 0

如何让水平线(仅带有 <hr>)出现在 Font Awesome 图标周围? [重复]

问题 我正在尝试创建一个作品集网站,并且想使用 元素在两条水平线之间放置一个 Font Awesome 图标,但它不起作用。我环视了 Stack Over...

回答 2 投票 0

由span标签显示的文本,后跟font Awesome i标签全部以大写形式显示,因为我需要它们以小写形式显示。如何解决这个问题?

我正在尝试显示电子邮件地址,后跟由 font Awesome 放置的信封图标。然而,电子邮件地址全部以大写字母显示,而我没有给出如此具体的

回答 1 投票 0

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

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.