How to adjust the size of stacked text into a fa icon

时间:2018-12-19 11:33:03

标签: html css css3 responsive-design font-awesome

I'm using stacked fa icons for including a price into a circle as follows:

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

<span class="fa-stack fa-2x">
  <i class="fa fa-circle fa-stack-2x"></i>
  <i class="fa fa-stack-1x fa-inverse">75€</i>
</span>

But I'm do not know how to make the text smaller if it doesn't fit into the circle:

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

<span class="fa-stack fa-2x">
  <i class="fa fa-circle fa-stack-2x"></i>
  <i class="fa fa-stack-1x fa-inverse">75.60€</i>
</span>

How could I adjust the size of stacked text into a fa icon?

0 个答案:

没有答案