Tailwind font-weights check

tailwind-font-weights-check.md

Tailwind font-weights check

Check which font weights are used. I used this to determine which Google Fonts I want to include.

Before;

https://fonts.googleapis.com/css2?family=Lato:wght@100;200;300;400;500;600;700;800;900&display=swap

Then I run this little script;

#!/bin/bash
for n in thin extralight light normal medium semibold bold extrabold black
do
    echo "$n: " | tr -d '\n' && find . -type f -iname "*.phtml" | xargs grep font-$n | wc -l
done

This gives me;

thin: 0
extralight: 0
light: 0
normal: 11
medium: 17
semibold: 6
bold: 5
extrabold: 0
black: 0

So I see I can leave out thin (100), extralight (200), light (300), extrabold (800) & black (900);

https://fonts.googleapis.com/css2?family=Lato:wght@400;500;600;700&display=swap

Caveat; if you use these font-weight classes using @apply in a custom CSS sheet, double-check those too.