Skip to content

notwaldorf/font-style-matcher

gh-pages
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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