---
title: "Font Style Matcher"
description: "Side-by-side tool for matching a web font's metrics to a fallback font to eliminate layout shift on load."
canonical: "https://vibing.inc/library/font-style-matcher-vg-0821"
category: "Design Tools & Generators"
subcategory: "Typography"
license: "free"
author: "Monica Dinculescu (@notwaldorf)"
source: "https://meowni.ca/font-style-matcher/"
---

# Font Style Matcher
Side-by-side tool for matching a web font's metrics to a fallback font to eliminate layout shift on load.
## Facts
- Source: https://meowni.ca/font-style-matcher/
- Category: Design Tools & Generators / Typography
- Author: Monica Dinculescu (@notwaldorf)
- Licence: free
- Tags: typography, fallback, cls, performance
## Why it's a gem
Kills font-swap layout shift, a Core Web Vitals problem with almost no tooling
---
Listed in The Vibeary: https://vibing.inc/library/font-style-matcher-vg-0821 · JSON: https://vibing.inc/api/public/library/gems/font-style-matcher-vg-0821