search

davatron5000 / FitText.js

A jQuery plugin for inflating web type
http://fittextjs.com
6.75k stars 1.39k forks source link

Icon font issue #75

Closed imrefazekas closed 11 years ago

imrefazekas commented 11 years ago

Hello,

I'm using icon fonts and I add them to my page via span but fittext does not do anything with it unfortunately.

Had anyone success with span icon fonts?

davatron5000 commented 11 years ago

Lots of people have successfully used FitText with icon fonts. Your issue is probably better suited for StackOverflow, since it's about implementation not a bug in the plugin.

Most likely the issue is you need to set the span tags' parent to display: inline-block. FitText does not work on inline elements because they don't have width.

imrefazekas commented 11 years ago

OK, thank you.

jtara commented 9 years ago

I was going to make a new Issue for this, but it is just a hint and not really an Issue. Hopefully people will find it here...

I wanted to size a spinner to the width of the screen. (Using font-awesome). Yea, the "right" approach is to use an SVG. Or, in newer browsers (too few of them...) vw CSS units. (But unfortunately, Android only supports from 4.4).

I already had the <i> tag as display:block.

Took a bit of fiddling to figure out what the "compressor" values mean. This worked for me:

$('.login-spinner-symbol').fittext(0.1);

Thanks!