Join James Williamson for an in-depth discussion in this video Dealing with problem artwork, part of Creating Icon Fonts for the Web.
…Although most of your artwork should import relatively problem…free in to Glyph let's take a look in…to what happens when your icons don't come in…quite as cleanly as you would like them to.…So, I'm going to be working with two files in this exercise.…One is a chunky mobile glyph file from 04_12.…And the other one, I'm going to switch over here Is…the Adobe Illustrator chunky mobile file in the same directory.…Now, I have tried to save this file so that…you wouldn't have quite as much hunting around to do.…
When you open it it should zoom up directly to…this view, but if it doesn't, you just want to…go to the glyph 1, turn everything else off in…terms of visibility, and turn the visibility of PDF off.…So, if I grab the Selection Tool and I click on this, I just look at the nodes.…I notice that it may have one or two extraneous…nodes, but for the most part, the artwork looks pretty clean.…You know, this is a pretty complex shape.…It's a compound path that had…some intersecting shapes that have merged together.…
Author
Released
3/14/2014Note: Glyphs Mini is only available on the Mac.
- What is an icon font?
- Searching options for creating icon fonts
- Choosing existing icons from an online service
- Setting up your font-creation workspace
- Drawing curves
- Creating compound paths
- Exporting glyphs
- Setting glyph properties
- Simplifying paths
- Exporting your icon font
- Using Font Squirrel to generate web fonts
- Testing icon fonts
Skill Level Intermediate
Duration
Views
Related Courses
-
Typography for Web Designers
with Laura Franz6h 25m Appropriate for all -
Illustrator for Web Design
with Justin Seeley5h 27m Appropriate for all -
Learning Responsive Design
with James Williamson2h 14m Beginner -
Choosing and Using Web Fonts
with Laura Franz6h 52m Appropriate for all
-
Welcome
-
Introduction1m 2s
-
-
1. Icon Font Overview
-
What is an icon font?3m 28s
-
Tools overview4m 34s
-
-
2. Using Online Tools
-
Online font-creation tools3m 11s
-
Choosing existing icons5m 22s
-
Uploading custom icons3m 30s
-
Ensuring consistent sizing3m 31s
-
Choosing Unicode encoding5m 59s
-
Setting font preferences5m 36s
-
-
3. Drawing Glyphs
-
Exploring the finished font7m 47s
-
Setting up your workspace7m 39s
-
Setting grids and guides5m 5s
-
Drawing on a grid8m 34s
-
Tips for drawing curves4m 2s
-
Drawing consistent curves12m 56s
-
Creating compound paths10m 8s
-
Simplifying paths8m 7s
-
Exporting glyphs9m 53s
-
-
4. Creating Your Own Icon Font
-
Glyphs Mini overview3m 15s
-
Setting font info7m 43s
-
Organizing glyphs7m 54s
-
Adding new glyphs7m 45s
-
Setting glyph properties7m 14s
-
Importing SVG artwork7m 4s
-
Controlling path orientation3m 42s
-
Adding extrema points2m 45s
-
Simplifying paths4m 59s
-
Dealing with problem artwork7m 47s
-
Renaming glyphs4m 39s
-
Exporting fonts3m 13s
-
-
5. Generating Web Fonts
-
Exploring generated files4m 57s
-
Testing icon fonts7m 55s
-
Conclusion
-
Additional resources5m 33s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Dealing with problem artwork