Skip to content

notwaldorf/font-style-matcher

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Jun 14, 2018
b238627 · Jun 14, 2018

History

74 Commits
Nov 22, 2016
Nov 11, 2016
Nov 22, 2016
Jun 13, 2018
Jun 12, 2018
Nov 22, 2016
Jun 12, 2018
Jun 14, 2018

Repository files navigation

font-style-matcher

If you're using a web font, you're bound to see a flash of unstyled text (or FOUC), between the initial render of your websafe font and the webfont that you've chosen.

This usually results in a jarring shift in layout, due to sizing discrepancies between the two fonts. To minimize this discrepancy, you can try to match the fallback font and the intended webfont’s x-heights and widths [1].

This tool helps you do exactly that.

fouc

About

⚡️🎨 Matches the x-heights and widths of two fonts

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published