中文 English Français Русский Español العربية

Make text show up instantly: one CSS line most small-business sites miss

dev.to CSS2026-10-15 16:360 views

When your site loads custom fonts, Chrome often hides all text until the font file arrives. Visitors stare at a blank page for a second or two — and bounce.

Fix it with one line on your @font-face rule or Google Fonts link:

font-display: swap;

Or on a Google Fonts URL, add &display=swap.

Text shows immediately in a system font, then swaps to your brand font when ready. Pair it with a similar fallback (system-ui, Arial, sans-serif) so the swap is barely noticeable.

This is a five-minute change that improves perceived speed on almost every small-business site we audit.

NEXCOD builds and polishes websites for local and online businesses.

Free look: nexcod.vercel.app · WhatsApp +1 289 902 5119

Source：https://dev.to/nexcodestudio/make-text-show-up-instantly-one-css-line-most-small-business-sites-miss-1le8

My favorites

PreviousUsing Firehose as a Lambda Log Destination Nextcss-slop-detector v0.2: from detecting AI slop to fixing it with one command

Trailing slashes in a static Astro site on Vercel: five layers and a check that never failed

On straffesites.com , every page has exactly one URL, and that URL has no trailing slash: /en/blog/website-without-cms ,

0dev.to

Try four admin templates before you install one

You have eight tabs open and four candidates. Each one costs the same: clone it, install it, start the dev server, click

0dev.to

I scanned the GitHub Actions setup of 139 popular JS/TS repos. Only 1 passed 3 basic checks.

I've been building a GitHub Actions linter and didn't want to trust my own heuristics, so I ran it on real projects firs

0dev.to GitHub

Power BI for Beginners: 5 Essential Concepts You Should Know

Data is everywhere, but raw data alone cannot tell a meaningful story. Businesses need to transform data into useful ins

0dev.to Data

Per-Author Comment Macros for Co-Authors in LaTeX

The worst place to find a leftover % TODO ask Sam about the licence is in the PDF you just uploaded to the submission sy

0dev.to Productivity

How Singers Use iPhone Notes to Track Vocal Development and Performance Insights

TL;DR How Singers Use iPhone Notes to Track Vocal Development and Performance Insights. Capture the observations that co