我正在尝试以我正在创建的形式使用Font Awesome.表格基本上是一个多项选择测验,有一个问题,然后是单选按钮可能的正确答案.
我想在测验中加入Font Awesome而不是单选按钮.(http://fortawesome.github.com/Font-Awesome/)我想从字体真棒集合中使用图标圆圈和图标圆圈,所以当用户点击答案时,JavaScript会将图标更改为"图标圈"而不是"icon-circle-blank".
有没有人有任何想法和/或最佳实践如何做到这一点？
谢谢!
我无法弄清楚为什么Font Awesome图标没有显示在我的cordova应用程序中.
我下载了整个font-awesome文件夹并将其复制到我项目的文件夹中.我已经包含了以下文件夹:
<link rel="stylesheet" href="../font-awesome-4.1.0/css/font-awesome.min.css">
我确信这是正确的,因为<i class="fa fa-bars fa-2x"></i>在chrome中显示完全正常.
但是,当我运行cordova emulate android图标时,我的android模拟器中没有显示.
然后我尝试按照这里的故障排除:https://github.com/FortAwesome/Font-Awesome/wiki/Troubleshooting
似乎故障排除认为这是一个错误相关text-rendering,但当我添加text-rendering: auto;到.fa { }minified和完整的CSS时,我仍然没有在我的Android模拟器中看到图标.
我不知道该怎么办.我的android目标项目是4.4.2 api等级19.任何人都可以帮忙吗？
这是与图标相关的html部分.
<body>
<div id="main">
<div id="top">
<i id="settings" class="fa fa-bars fa-2x"></i>
<p id="logo" > Chowza Inc </p>
</div>
</div>
...
</body>
我已经在网站上使用了各种字体很棒的图标。
我想在我的博客文章中为社交媒体链接添加图标，而不必手动将它们添加到每个链接。
一篇博文的结构如下
<div class="blog-post>
<p>This is some text with a <a href="http:twitter.com">social media link</a> in it</p>
</div>
如何使用 css 定位这些链接添加 FA 图标？
在使用 vis.js 创建图形时，我们可以使用选项指定如何显示节点。
var options = {
width: '400px',
height: '400px',
edges:{
style:'arrow'
},
nodes:{
shape:'icon'
}
};
通过使用“icon”作为样式，我们使用 bootstrap 或 fontawesome 字形图标。该文档讨论了使用 unicodes。
创建了一个Plunker，但图标没有显示出来。
http://plnkr.co/edit/DFYz26SOxGY9IvMqSuKm?p=preview
不知道我做错了什么。
谢谢
我正在使用font-awesome它并且它的CSS文件的CDN扩展正常工作.以下是一个简单的例子:
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.css">
</head>
<body>
<i class="fa fa-adjust"></i>
</body>
</html>
该示例运行正常,但在CDN,我也得到了链接.otf,.eot,.svg,.ttf,.woff文件.如果示例只使用.css文件扩展名渲染,这些文件有什么用？
我想使用白色font-awesome图标fa-sort-asc并希望它指向正确的方向
<i class="fa fa-sort-asc" aria-hidden="true"></i>
这可能吗？
我试图将我的文本放在字体真棒图标的正下方，我想让我的两个按钮在彼此等距的页面上居中。当前，图标显示在文本旁边，按钮是一个接连不断。
<ul id="mylist">
<li><a class="btn btn-warning btn-outline btn-lg sharp" href="http://google.com" target="_blank"> My text below icon <i class="fa fa-address-card fa-5x"></i></a>
</li>
<li><a class="btn btn-info btn-lg sharp" href="http://www.google.com" target="_blank">My text below icon <i class="fa fa-address-book fa-5x"></i></a></li>
</ul>
这是我的 css 位：
ul#mylist li {
display:inline;
}
我有一个动态图标列表，这些图标显示在右侧栏中。图标会根据用户的操作传递到侧边栏中。使用图标显示此动态图标数组ngFor。
不幸的是，有些图标来自Font Awesome，有些来自Google Material。
<!--Font Awesome-->
<i class="{{myIcon}}"></i>
<!--Material-->
<md-icon>{{myIcon}}></md-icon>
<!--Or-->
<i class="material-icon">{{myIcon}}</i>
看到它们不完全匹配，如何使用ngFor使其只显示图标名称的字符串就可以同时显示两种。
我从网站上添加了字体真棒的CDN Html链接，并将其放置在头部，但该图标仍然不会显示。我是Html的新手，并且需要有关如何解决此问题的具体说明。
我什至尝试下载它并在本地链接文件，但这没有用。
<head>
<title>Social Media</title>
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
</head>
<ul>
<li>
<i class="fas fa-search"></i>
</li>
</ul>堆栈：Angular 9.1.7、Nebular 5.0.0、FontAwesome 5.13
我想使用以下指南将 Nebular 使用的默认图标集 (EvaIcons) 更改为 FontAwesome：
https://akveo.github.io/nebular/docs/guides/register-icon-pack#register-icon-pack
不幸的是，图标没有显示出来。我很接近，因为星云 EvaIcons 不再显示。从 DeveloperTools 中，我可以看到nb-iconusing fa-user，但没有显示任何内容。