How to use Font Awesome in a Desktop app
Posted in dailyTags :
Font Awesome is the iconic font designed for use with Twitter Bootstrap. With over 200 icons in a single collection, Font Awesome is a pictographic language of web-related actions.
I recently run into the situation where I had to use a character in a desktop app. So I installed the font in Font Book and tried to map out the character-glyph correspondance.
It turns out that Font Awesome uses the Unicode Private Use Area to make sure screen readers don't read the characters off, but this makes it difficult to figure out which characters are associated with the glyphs.
Here is how to get the font work in Adobe's CS:
- install the font by dragging it to Font Book
- open your favourite Adobe CS app and navigate to the "Preferences > Typeí¢â‚¬Â¦í¢â‚¬Â
- uncheck «Enable missing glyph protectioní¢â‚¬Â
- use @parkerault correspondance sheet to copy and paste the characters your are interested in.
Et voilíƒÂ .
Comments and responses
06 Dec 2012
I’m having no luck seeing the entire fontset in Adobe InDesign CS6, Mac (OS 10.6.8). No ‘Enable Glyph Protection’ setting exists. I can see a small subset of the fontset in both Fontbook and InDesign’s Glyph palette.
What have I overlooked?
06 Dec 2012
I found this on Adobe’s website:
Legacy font support
Available in InDesign CS6, Illustrator CS6, Photoshop CS6
Fonts that have been traditionally used (for example, AXT fonts) can continue to be used in this release of the software. However, it is recommended that newer Open Type fonts be used for text-based elements.
Missing Glyph Protection (Edit > Preferences > Advanced Type) is enabled by default. Text is handled automatically, where glyphs are not available in the font you are using.
16 Apr 2013
Things have changed with version 3! Font Awesome comes with an OTF version and Copy & Paste page for easy reference!
11 Nov 2014
Apparently, Pages v5.5.1 doesn’t render v4.2 of Font Awesome correctly. It’s okay on screen, but when you print of generate a PDF, the characters come out much smaller.
This can be fixed by using the TrueType (TTF) version of the font instead of the OTF – not ideal, but it worksâ€¦