Favycons Docs

Typography & Fonts

Font selection, legibility tips, and how exports stay consistent.

Typography & Fonts

Favycons supports character-based designs with Google Fonts.

Font Loading

When you select a font, Favycons loads the specific family + weight + style you picked.

If a font looks like it didn’t change, it usually means the font didn’t load and the browser fell back to a default font.

Export Consistency (Text Outlining)

When exporting, Favycons converts SVG <text> into <path> outlines.

Why this matters:

  • Your exported icons look the same even if the target environment doesn’t have your font installed.
  • It avoids surprises across browsers and platforms.

Legibility Tips

  • Prefer heavier weights for 16–32px.
  • Avoid thin serifs and fine details.
  • Increase padding if glyph edges feel cramped.

On this page