Icon font :before standard width

[hurricanepkt]

http://codepen.io/anon/pen/mlHoi

for some reason the E and F icon are different widths

how should i set it so that all the text starts at the same indent

Thanks

[Paulie_D]

Your icon font wont show up in Codepen unless you web link in the actual font. Just calling it won’t work.

[hurricanepkt]

thats unfortunate… seems to work in firefox. Chrome and Safari dont put a referer in the request header from codepen requests

screenshot
http://i.imgur.com/0kuyqNG.png
and up to date codepen

http://codepen.io/mark/pen/mlHoi

[wolfcry911]

inline elements won’t take a width. A simple fix is to declare the :before element display: inline-block; (and perhaps text-align: center;)

[Paulie_D]

Interesting, I get the icons in FF but not in Chrome.

Try adding

display:inline-block;
text-align:center;

to the pseudo-element

[Paulie_D]

@wolfcry911 Oh SNAP!

[hurricanepkt]

you both rock! That was driving me crazy

Thanks so much!

[Author]

Posts