Free Online Icon Font Converter tool icon

Free Online Icon Font Converter

Convert icon font files into Base64 Data URLs and generate @font-face CSS you can paste directly into your project.

Runs entirely in your browser, no font uploads

Convert a font file into a Base64 Data URL and generate @font-face CSS you can paste directly. Large font files can significantly increase CSS size.

Tip: For best results, use this approach for small icon fonts or limited character sets to avoid bloated CSS.

Settings
@font-face CSS
Data URL

Usage Guide

  • Select Font: Click 'Choose font file' to upload WOFF/WOFF2/TTF/OTF.
  • Auto Convert: The browser automatically reads and converts it to Base64 Data URL.
  • Get Code: Copy the generated @font-face CSS or Data URL string for direct use in your project.

Format & Performance

  • WOFF/WOFF2: Modern web font standards with high compression. Recommended for best performance.
  • TTF/OTF: Common font formats with good compatibility but usually larger file sizes.
  • Performance Tip: Data URLs increase CSS size (approx 1.33x original). Use only for small icon fonts or subset fonts to avoid blocking page rendering.