フォントを使ったダブルサークルスタック

フォントの素晴らしいサークル - シンアイコンで数字の周りに二重円を描く簡単な方法はありますか？私は多分代わりに正方形のアイコンを使用することに変更することができるようにしたい。ここでフォントを使ったダブルサークルスタック

はPlunkerの一例であるが、これは、特定の解像度でのみ完璧だと私もラインが同じ幅になりたい：PXは非常に良好ではないので、あなたは規模を試すことができ 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

フォントを使ったダブルサークルスタック

答えて

関連する問題