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.
Overview
Syllabus
Welcome
- Introduction
- How to use the exercise files
- What is an icon font?
- Options for creating icon fonts
- Understanding font metrics
- Tools overview
- 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
- 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
- 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
- Using Font Squirrel to generate fonts
- Exploring generated files
- Testing icon fonts
- Additional resources
Taught by
James Williamson
Related Courses
-
Build a Better Font: An In-Depth Guide To Creating Fonts
-
Icon Do This: Creating Your Own Icon Set
-
Creating a Coffee Icon Set in Adobe Illustrator for Beginners: Design Process - Sketch to Vector
-
Create Fonts on Your iPad in iFont in a Few Easy Steps + 3 Free Fonts
-
Building a Custom Typeface With Just Enough Personality
-
Type Design Basics: Design a Unique Decorative Grid-based Typeface
