Skip to content
Back to blog

"Mac Font Editor: How to Add and Replace Glyphs in Existing Fonts"

Leibniz Li

@leibnizli
+

Have you ever found the almost perfect font for your project, only to realize it is missing a crucial glyph? Perhaps you need to add your company's custom logo as an icon, or maybe you want to swap out an existing character for a slightly altered, custom-drawn SVG alternative.

Traditionally, modifying an existing font file to add or replace glyphs required importing the file into heavy, professional type design software. Not only is this overkill for a simple replacement task, but it often breaks internal font tables and disrupts the original glyph IDs, causing unexpected rendering issues in production.

If you are looking for a fast, native Mac tool to simply add or replace glyphs without destroying the underlying font data, WebFont provides the perfect local workflow.

Why Modify Existing Fonts?

There are several scenarios where tweaking an existing font is much more practical than building a new one from scratch:

  1. Adding Custom Branding: Injecting your app's logo or a custom-designed icon into a standard web font.
  2. Replacing Problematic Characters: Swapping out a specific letterform (like a confusing "I" or "l") for better readability in a specific UI context.
  3. Filling Missing Characters: Patching a gap in a font's character set without switching to a fallback font.

How to Add and Replace Glyphs on Mac

WebFont's Source Font Editing feature is purpose-built to let you surgically alter existing fonts using SVG artwork. Because WebFont runs entirely locally on macOS, your font files are never uploaded to the cloud, ensuring strict privacy and licensing compliance.

Here is how you can modify your fonts seamlessly:

1. Import a Source Font

Start by loading your existing static TrueType-based source font into WebFont. The app will parse the font structure while preserving its critical internal data.

2. Prepare Your Custom SVGs

Draw your missing character or replacement icon in your vector software of choice (Illustrator, Figma, etc.) and export it as an outlined SVG. To make sure your new glyph fits perfectly alongside the existing characters, WebFont allows you to download an SVG template complete with the loaded font's baseline and bounds guides.

3. Add or Replace Characters

Depending on what you want to achieve, WebFont offers two distinct workflows:

  • Add a New Glyph: Simply drop your custom SVG into WebFont's interface. The app will automatically assign it a Unicode value and generate a new glyph entry.
  • Replace an Existing Glyph: First, select the specific character you want to overwrite from your loaded source font. Then, choose your new SVG to replace it.

Crucially, when you edit a source font in WebFont, the app works to keep replacement glyph IDs perfectly stable, ensuring that advanced OpenType features and kerning pairs aren't unnecessarily broken.

4. Run the Preflight Check and Export

Before exporting, WebFont runs a comprehensive Preflight Check. It will automatically detect any Unicode conflicts, duplicate glyph names, or empty SVG paths. It will also warn you if your new artwork exceeds the font's expected ascender or descender metrics.

Once validated, you can export your modified font as a fresh TTF, WOFF, or WOFF2 file. If you are preparing assets for the web, WebFont can also generate a full Web Package containing @font-face CSS and an HTML demo page so you can instantly verify your new glyphs in a browser.

The Safest Way to Edit Fonts Offline

Modifying fonts shouldn't require a master's degree in type design. If you just need to drop in a new icon or replace a broken character, you need a tool that respects the source file and handles the heavy lifting locally.

Download WebFont for Mac today to start modifying, subsetting, and building your custom fonts securely offline.