web fonts

From IndieWeb

web fonts are a way to serve custom fonts on websites, and used by some IndieWeb sites.


Web fonts are one way of presenting different typography as part of the visual design of a web site. Choosing different fonts can give your website a more unique and hand-crafted appearance.

Why Not

Web fonts can slow down page load times. Depending on the configuration, web fonts can either hide text while the page loads or cause layout shifts when switching to the new font. Consider limiting the number of web fonts and/or using web-safe system fonts instead.

How to

See the MDN tutorial for how to get started using web fonts:

How to self-host

Elliot Jay Stocks (guest article on Google Fonts site): Self-hosting web fonts

How to compress

Advanced techniques for compressing web fonts:

IndieWeb Examples

Examples of IndieWeb sites using web fonts.

Sarah Hibner

hibs has used web fonts on her personal site https://sarah-hibner.com/ and ideas site https://outer-outer.space/ since at least 2020

Jason Gatewood

Starrwulfe is currently using a combination of self hosted and CDN hosted webfonts on his site http://starrwulfe.xyz

See also presentation at IndieWebCamp 2020 East:

Past Examples


See Also