Home > OS >  Have seen a code in a CSS content property that I can't understand where it is defined
Have seen a code in a CSS content property that I can't understand where it is defined

Time:09-24

I'm looking at some code which has the following content property value for a pseudeo element - "\e90c". I understand this is some sort of escape code which represents a character or icon but where can I find what this icon would be? I haven't found an example of it online. I did find some links which showed me a paint-format icon but it's not that.

I don't know css codes very well so I'm not sure how it works or where it would be coming from.

Updated - The font-family being used is icomoon, but I couldn't understand how it's working after reading through their site.

CodePudding user response:

That Unicode Symbol can be used as an icon if you display it in the right font. See https://mozilla.github.io/foundation-icons/ for example.

CodePudding user response:

It is deppending on the font used.

example: in the case of case of Mozilla Foundation Icon Font => simply test it :

p:after {
  font-family : 'foundation-icons';
  font-size   : 4em;
  content     : "\e90c"; 
  }
<link href="http://mozilla.github.io/foundation-icons/assets/foundation-icons.css" type="text/css" rel="stylesheet">

<p> and your icone is (in foundation-icons font ): </p>

  • Related