使用字体真棒的双圈堆栈

是否有一个简单的方法来使字体真棒圆薄图标围绕数字的双圈？我也希望能够改为使用square-o图标。使用字体真棒的双圈堆栈

这里是一个Plunker例子，但是这仅仅是在特定的分辨率完美的，我也希望线是相同的宽度：https://plnkr.co/edit/M9Dku94gApyxQ8zBzrVw?p=preview

.double { 
    top: -4.3px; 
    left: -1.9px; 
    font-size: 2.6em; 
} 

<span class="fa-stack fa-1x"> 
    <i class="fa fa-circle-thin fa-stack-2x double"></i> 
    <i class="fa fa-circle-thin fa-stack-2x"></i> 
    <strong class="fa-stack-1x">4</strong> 
</span>

来源

2017-08-11 stibay

你可以尝试的规模，因为像素不是很好

.double { transform: scale(1.3); }

来源

2017-08-11 11:16:53 monkeyinsight

<style> 
    .double { 
    top: -0.0px; 
    left: -0.0px; 
    font-size: 1.4em; 
    } 
</style> 

    <body> 

    <span class="fa-stack fa-2x"> 
     <i class="fa fa-circle-o fa-stack-1x double"></i> 
     <i class="fa fa-circle-thin fa-stack-2x "></i> 
     <strong class="fa-stack-1x">4</strong> 
    </span>

你可以使用FA-cicle-O和圆薄

编辑：现在加入款式看起来更好

来源

2017-08-11 11:18:54 MaxW

使用字体真棒的双圈堆栈

回答

相关问题