From the course: Creating Icon Fonts for the Web
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Setting font info
Before we start adding individual icons into our new icon font, we need to define some really critically important information about the font itself. Without this information, our glyphs won't be sized properly and icons might not have the level of detail that we are expecting. So I'm working with the chunky mobile font that we created in our last exercise. This one I've actually opened up from the 04_03 directory. But if you're working with the previous font, you still have it open, that's fine, it's pretty much the same exact thing. Okay, so to set the info for our font, we actually use the Font Info panel. So to find that, I'm going to go up to File, and choose Font Info. Now, this solves the mystery of why in the title bar it says chunky_mobile - new Font. Because we haven't actually properly named the font itself. The name of the file is chunky_mobile, but the name of the font right now is just new Font. So I'm going to grab this. I'm going to name it Chunky Mobile and spaces are…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
Glyphs Mini overview3m 15s
-
(Locked)
Creating a new font4m
-
(Locked)
Setting font info7m 43s
-
(Locked)
Organizing glyphs7m 54s
-
(Locked)
Adding new glyphs7m 45s
-
(Locked)
Setting glyph properties7m 14s
-
(Locked)
Importing SVG artwork7m 4s
-
(Locked)
Importing Illustrator artwork8m 45s
-
(Locked)
Controlling path orientation3m 42s
-
(Locked)
Adding extrema points2m 45s
-
(Locked)
Simplifying paths4m 59s
-
(Locked)
Dealing with problem artwork7m 47s
-
(Locked)
Renaming glyphs4m 39s
-
(Locked)
Exporting fonts3m 13s
-
-
-