0

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?

pQB
  • 2,997
  • 2
  • 22
  • 47

0 Answers0