Change size of Foundation Icon Fonts 3?

Question

I try to change the size of my icon download here :

http://zurb.com/playground/foundation-icon-fonts-3

In the documentation they say :

<i class="fi-[icon]"></i>

So for exemple i use :

But the size is 16px and they don't say how can we change...

Answer 1

Lets say you are using the heart Icon.

The css may looks like that:

.fi-heart {
   font-size: 20px
}

Use what ever size you like instead of the 20px.

Answer 2

Lets take a look in font icon foundation download file. You need to inspect element there in preview.html of one of icon.

<i class="step fi-power size-72"></i>

Please add size between 12 and 72.