From 7c8edbbbf743924b9b3bac89037eabdcfee256f4 Mon Sep 17 00:00:00 2001 From: nmoskaleva Date: Mon, 9 Feb 2026 22:29:24 +0100 Subject: [PATCH] CSS fix: remove unused fonts and set font weight for to 400 Tailwind was applying the default "font-weight: 600" to . This font variant was not loaded, which made the text look blurred in some browsers. Fixed by setting font weight to 400. --- gatsby-browser.tsx | 6 ------ tailwind.config.js | 1 + 2 files changed, 1 insertion(+), 6 deletions(-) diff --git a/gatsby-browser.tsx b/gatsby-browser.tsx index 2fd4fbfe..86550282 100644 --- a/gatsby-browser.tsx +++ b/gatsby-browser.tsx @@ -1,12 +1,6 @@ import React from 'react'; import { GatsbyBrowser } from 'gatsby'; import './src/styles/global.css'; -import '@fontsource/roboto-slab/300.css'; -import '@fontsource/roboto-slab/600.css'; -import '@fontsource/roboto-slab/800.css'; -import '@fontsource/roboto-mono/400.css'; -import '@fontsource/raleway'; -import '@fontsource/raleway/600.css'; import '@fontsource/ibm-plex-sans/400.css'; import '@fontsource/ibm-plex-sans/500.css'; import '@fontsource/ibm-plex-sans/600.css'; diff --git a/tailwind.config.js b/tailwind.config.js index 822028b8..c6aa64e9 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -212,6 +212,7 @@ module.exports = { code: { color: theme('colors.light-blue.800'), padding: '1px 3px', + fontWeight: 400, }, // Remove the backticks @tailwindcss/typography adds around inline code. 'code::before': { content: 'none' },