The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Glyph from icomoon is not working in pseudo-element

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #195189

    I uploaded a font to and generated a font I planned on using with pseudo-elements. Arrow icons and such. No biggie.

    It tells me the character is “g”. It also says I can use \67. I do that and I see a glyph I’m not expecting.

    I try to use the HTML entity version hardcoded on the page itself to see if it’s work (g). It does!

    Can anyone shed any light on what my issue might be? I feel it’s probably a huge oversight on my part :(


    Can you set up a CodePen example for us? I’m sure it’s something simple.


    I don’t think you can use decimal unicode in pseudo-elements.

    I think it’s only ASCII, text and HTML entities.

    MDN says…

    non-latin characters must be encoded e.g. \00A0 for ` `

    But if you know it maps to ‘g’ surely it’s simpler just to use that….why complicate matters?

    Still looking for a definitive answer though.

    EDIT: This suggests Hex Unicode is Ok


    Ok, get ready to throw punches at me :(

    Turns out… the parent element had a text-transform: uppercase; property on it and I didn’t clue in until now.

    AHHHHHHHHH!!!!! I face-palmed myself pretty hard on this one.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.