-2

I created simple web page page with icon fonts.

jsFiddle link

Similar as here

js trick

But I have other icon displayed... snake instead of bars:).

What is wrong with my fonts? Thanks for answers.

Code here:

[data-icon]:before {
  font-family: icons; /* BYO icon font, mapped smartly */
  content: attr(data-icon);
  speak: none; /* Not to be trusted, but hey. */
}

<h4><span aria-hidden="true" data-icon="&#x21dd;"></span> Stats</h4>
Pawel
  • 27
  • 9
  • 1
    Please post your code within the question itself. Bypassing StackOverflow's *JSFiddle links must be accompanied by code* warning by wrapping JSFiddle links in code tags is on par with breaking the rules of the site. – James Donnelly Oct 09 '14 at 08:57
  • _The icon font used on this page is [Fico](http://fico.lensco.be/) by Lennart Schoors then ran through [IcoMoon](https://icomoon.io/#home) for custom mappings._ – Vucko Oct 09 '14 at 09:12
  • Question has been fixed, please mark it as correct question. Thanks! – Pawel Nov 12 '14 at 14:04

1 Answers1

1

x21dd; is the unicode that represents that "snake".

Source

Try to use FontAwesome icons (I included them in the CSS by using the @font-face).

All you need to do is to define a class in a tag like

<b class="fa fa-chart"></b>

And FontAwesome will automatically add the icon inside that tag.
Check this Fiddle.

Luca De Nardi
  • 2,280
  • 16
  • 35
  • Yes, I need specially prepared fonts to see 'columns'. 'Snake' is good sign for defualt fonts. – Pawel Oct 09 '14 at 09:39