From e7b36830d57b0f0393c488bddea1685d02ed98f8 Mon Sep 17 00:00:00 2001 From: Antonio Cosentino Date: Fri, 11 Aug 2023 17:32:23 +0200 Subject: [PATCH] small updates in functionality and readme --- README.md | 9 +++++++++ src/app/components/Interface.tsx | 5 +++-- 2 files changed, 12 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 87476c3..a061755 100644 --- a/README.md +++ b/README.md @@ -7,3 +7,12 @@ A CSS playground for F-mods (font metric overrides). This tool will help you fin ![WTF demo](/public/demo.gif) The tool was inspired by [this article](https://developer.chrome.com/blog/font-fallbacks/) on improved font fallbacks. + +## Features + +- Works with all Google Fonts +- Customize font parameters (size, weight, letter spacing etc.) +- Apply F-mods and see them reflected immediately in the preview area +- Preview crossfader, to "mix" the fallback font and the webfont in the preview area +- Customizable preview text +- CSS snippets ready for copy/paste diff --git a/src/app/components/Interface.tsx b/src/app/components/Interface.tsx index 8d0c414..4b71ae1 100644 --- a/src/app/components/Interface.tsx +++ b/src/app/components/Interface.tsx @@ -493,12 +493,13 @@ export const Interface = (props: InterfaceProps) => {