: Convert custom icon font to copy and paste-able entities Font Awesome has a cheatsheet where they've converted their icons into html entities that you can copy and paste right into Sketch (and

Font Awesome has a cheatsheet where they've converted their icons into html entities that you can copy and paste right into Sketch (and other editing programs), that changes the type element to the icon you want (as long as you have the font installed). Demo: recordit.co/Irr9HBpVPX
I'm wondering how to do this with my company's own custom font. We have an internal living style guide that has all of our custom icons as CSS content code (as pseudo element background images), but not as type. I'm wondering how to convert them to type-able content that I could just copy and paste in using our custom font in Sketch.

Any help appreciated – thanks

10.01% popularity Vote Up Vote Down

: Inkscape: Maintaining size when saving as PDF? when I save SVGs as PDFs from Inkscape, all dimensions seem to be decreased to 80% of their width. For example, a 100 x 100 box, the PDF will

@Sent7350415

Posted in: #Inkscape #Pdf

1 Comments

: Remove curvature from 360 images, without editing all files by hand? I created .gif file with 360 frames from a rotating tower in blender, every frame is 1 degree of rotation. However, there

@Sent7350415

Posted in: #AdobeIllustrator #AdobePhotoshop #Blender

1 Comments

: Set up brush type illustrator cc Related to this question, how can I set up or select no calligraphic brush? Thanks all

@Sent7350415

Posted in: #AdobeIllustrator #Brush #Stroke

1 Comments

: How to open same document as duplicate window in Photoshop All I want is to have two different windows of the same document but at different zoom percentage that updates change in real-time,

@Sent7350415

Posted in: #AdobePhotoshop

1 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Smith574

Do your CSS background images exist as vector drawings, or just pixel images?

A simple way to create icon fonts is via Icomoon, but you will need SVG files of your icons. Icomoon will generate an icon font plus a demo.html file similar to FontAwesome.

Basically icon fonts are just like normal fonts, except that their 'letters' are mapped to Unicode IDs that are not accessible by a normal keyboard. However, they can be copy/pasted like any other letter.

10% popularity Vote Up Vote Down

Feed

: Convert custom icon font to copy and paste-able entities Font Awesome has a cheatsheet where they've converted their icons into html entities that you can copy and paste right into Sketch (and

More posts by @Sent7350415

: Inkscape: Maintaining size when saving as PDF? when I save SVGs as PDFs from Inkscape, all dimensions seem to be decreased to 80% of their width. For example, a 100 x 100 box, the PDF will

: Remove curvature from 360 images, without editing all files by hand? I created .gif file with 360 frames from a rotating tower in blender, every frame is 1 degree of rotation. However, there

: Set up brush type illustrator cc Related to this question, how can I set up or select no calligraphic brush? Thanks all

: How to open same document as duplicate window in Photoshop All I want is to have two different windows of the same document but at different zoom percentage that updates change in real-time,

Login to post a comment!

1 Comments

Back to top | Use Dark Theme