是否更改FontAwesome图标的字体粗细？
是否更改FontAwesome图标的字体粗细？
提问于 2013-07-24 22:25:23
我想让其中一个FontAwesome图标变得更轻一些--它比我使用的字体要重得多。它现在看起来是这样的：
：
丑陋，对吧？因此，我尝试按如下方式重置字体粗细：
.tag .icon-remove {
font-weight: 100;
}该属性似乎已在CSS中正确设置，但它没有任何效果-图标看起来和以前一样重。我还尝试了font-weight: lighter和-webkit-text-stroke-width: 1px，但都没有效果。
有没有办法减轻图标的重量？医生说"Anything you can do with CSS font styles, you can do with Font Awesome“，但我不知道该怎么做。
回答 5
Stack Overflow用户
发布于 2016-04-30 09:14:30
Webkit浏览器支持将“笔画”添加到字体的功能。这种风格使字体看起来更细(假设背景是白色的)：
-webkit-text-stroke: 2px white;这里的代码示例: SVG有人使用http://codepen.io/mackdoyle/pen/yrgEH作为跨平台的“笔划”解决方案：http://codepen.io/CrocoDillon/pen/dGIsK
Stack Overflow用户
发布于 2015-02-10 23:30:35
只是为了帮助任何来到这个页面的人。如果您可以灵活地使用其他图标库，那么这是另一种选择。
James说得对，你不能改变字体粗细，但是，如果你正在寻找更现代的图标，那么你可以考虑ionicons
它有ios和android两个版本的图标。
Stack Overflow用户
发布于 2015-05-13 21:53:56
作者似乎对字体库采取了一种免费增值的方法，并提供了Black Tie来为字体-令人敬畏的库赋予不同的权重。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17836851
复制相关文章
相似问题