想要使字体真棒图标更薄

Dan*_*iel 20 html css twitter-bootstrap font-awesome

我正在使用字体真棒图标,但问题是他们有默认的字体重量.我希望它更薄一些.但它不起作用

我的HTML代码

    <span class="fa-stack fa-lg fa-5x color-red">
    <i class="fa fa-circle-thin fa-stack-2x"></i>
    <i class="fa fa-trophy"></i>
    </span>
Run Code Online (Sandbox Code Playgroud)

我的css代码

    .fa-trophy{
      font-weight:lighter;
     }
Run Code Online (Sandbox Code Playgroud)

Kir*_*ich 27

您可以使用以下命令在webkit中修复它:

-webkit-text-stroke: 1px background-color;
Run Code Online (Sandbox Code Playgroud)

  • fyi,只支持chrome和android (3认同)

小智 15

尝试这个

  .class-name i{
        -webkit-text-stroke: 2px white;
    }
Run Code Online (Sandbox Code Playgroud)


kur*_*man 8

抱歉,使用标准不可能做到这一点(如果在您的项目中不重要,您可以使用Kiryl Ply建议).Font-Awesome只有一个字体重量变体.有一个新项目来解决这个问题(尚未准备好):

https://www.kickstarter.com/projects/232193852/font-awesome-black-tie

你可以寻找另一个有点薄的方面的库,在Google中尝试"icon font".