Questions tagged «font-awesome»

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

6
更改FontAwesome图标的字体粗细?
我想减轻其中一个FontAwesome图标的重量-比我使用的字体重得多。目前的样子: : 丑陋吧?因此,我尝试按以下方式重置font-weight: .tag .icon-remove { font-weight: 100; } 该属性在CSS中似乎已正确设置,但没有效果-图标看起来和以前一样重。我也试着font-weight: lighter和-webkit-text-stroke-width: 1px没有效果。 有什么办法可以减轻图标的重量?文档说“您可以使用CSS字体样式进行的任何操作,都可以使用Font Awesome进行处理”,但是我不知道该怎么做。

10
如何使文字与图标字体垂直对齐?
我有一个非常基本的HTML,其中混合了纯文本和图标字体。问题在于图标的渲染高度与文本的高度不同: <div class="ui menu"> <a href="t" class="item"><i class="large home basic icon"></i><span class="nav-text"> Accueil</span></a> <a href="" class="item"><i class="large camera retro icon"></i><span class="nav-text"> Créations</span></a> <a class="item"><span class="nav-text">Qui-suis je </span><i class="large help basic icon"></i></a> </div> 运行代码段隐藏结果展开摘要 有什么建议可以解决吗?
71 html  css  fonts  font-awesome 

2
如何在我的svg中添加超棒的字体图标?
我有一个包含图像的svg: <g><image id="myImage" class="myClass" x="12" y="15" width="10" height="10" xlink:href="/images/pic.png"/></g> 如何用字体真棒图标替换该行: <g><i class="icon icon-cloud-download" x="12" y="15" width="10" height="10"></i></g> 由于图像未显示,因此似乎无法正常工作。
70 css  svg  font-awesome 
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.