MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

Creating Icon Fonts for the Web

Course Summary

Learn how to create your custom icon font quickly and easily from existing icons or your own hand-drawn artwork, using tools like Illustrator, Fontello, Glyphs Mini, and more.       

  • +

    Course Syllabus

       How to use the exercise files
    1. Icon Font Overview
       What is an icon font?
       Options for creating icon fonts
       Understanding font metrics
       Tools overview
    2. Using Online Tools
       Online font-creation tools
       Choosing existing icons
       Uploading custom icons
       Ensuring consistent sizing
       Choosing Unicode encoding
       Setting font preferences
       Downloading and testing custom icon fonts
    3. Drawing Glyphs
       Exploring the finished font
       Determining units per em (UPM)
       Setting up your workspace
       Setting grids and guides
       Drawing on a grid
       Tips for drawing curves
       Drawing consistent curves
       Creating compound paths
       Simplifying paths
       Exporting glyphs
    4. Creating Your Own Icon Font
       Glyphs Mini overview
       Creating a new font
       Setting font info
       Organizing glyphs
       Adding new glyphs
       Setting glyph properties
       Importing SVG artwork
       Importing Illustrator artwork
       Controlling path orientation
       Adding extrema points
       Simplifying paths
       Dealing with problem artwork
       Renaming glyphs
       Exporting fonts
    5. Generating Web Fonts
       Using Font Squirrel to generate fonts
       Exploring generated files
       Testing icon fonts
       Additional resources

Course Fee:
USD 25

Course Type:


Course Status:



4 - 5 hours / week

This course is listed under Development & Implementations and Quality Assurance & Testing Community

Related Posts:

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top