Get the unicode icon value from a custom font

css macos fonts icons glyphicons
al404IT picture al404IT · Dec 2, 2014 · Viewed 26.7k times · Source

I need to write a CSS for an icon font build using the site flaticon. I develop using a MAC with 10.10 and can't find any way to retrieve a single character Unicode value that I need to insert inside my CSS

.font-icon-pencil:before {
    content: "\e038";
}

How can I read the contents of a font file, to get the icon codes within that custom-made font?

Answer

Micer picture Micer · Feb 15, 2017

On MacOS Sierra I'm able to get a unicode value of icon in Font Book (default app).

  1. Install the font.
  2. Open the user installed font in Font Book.
  3. Move the mouse on the desired icon. You should get a title saying unicode value on hover.

Font Book

Related questions

Force DOM redraw/refresh on Chrome/Mac

Every once in a while, Chrome will render perfectly valid HTML/CSS incorrectly or not at all. Digging in through the DOM inspector is often enough to get it to realize the error of its ways and redraw correctly, so …

Read More
CSS - Overflow: Scroll; - Always show vertical scroll bar?

So currently I have: #div { position: relative; height: 510px; overflow-y: scroll; } However I don't believe that it will be obvious to some users that there is more content there. They could scroll down the page without knowing that my div …

Read More
How can I remove the gloss on a select element in Safari on Mac?

On Macs and iOS devices, in Safari, a <select> element with a background color generates a gloss over itself. This does not seem to happen in other operating systems. For example, I have a select element with these …

Read More