CODEWITHSUNDEEP
cssfontsfont-face
Oskar Szura
Oskar Szura

Reputation: 2549

Font icons - how to retrieve symbol code?

I have this issue, I have a font-set without documentation (icons as a font). I want to use them but I have to somehow know what are specific codes for particular symbols. Is there a way how can I retrieve it?

For example to use it as in the below example:

.icon-box {
   &:before {
    content: "\e088";
   }
}

EDIT

We have the following files: *.eot / *.svg / *.ttf / *.woff

Upvotes: 0

Views: 657

Answers (1)

Jukka K. Korpela
Jukka K. Korpela

Reputation: 201538

When you have an icon font without documentation, you can

  • Create an HTML document containing a suitable range of characters, with font set to the icon font. Typically, icon fonts use either a Private Use range like U+E000...U+E0FF or U+F000... or the Latin1 range U+0000...U+00FF. You may need to try different ranges.
  • Use a font inspector, such as OTM Light (free), provided that it can handle the font format you have.

Upvotes: 1

Related Questions