What font does solidjs.com use?

The typeface on solidjs.com is Gordita, loaded across 15 @font-face declarations. Every font family, weight and source on this page is read straight from the live CSS — no image guessing, no machine learning, just the rules the browser used.

Primary font
Gordita
Total weights
5
@font-face
15
Source
Custom web font

Gordita

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (5)

100Typography sets the voice of a brand
400Typography sets the voice of a brand
500Typography sets the voice of a brand
600Typography sets the voice of a brand
700Typography sets the voice of a brand

CSS to use Gordita

font-family: Gordita, Georgia, 'Times New Roman', serif;

@font-face source

woffhttps://www.solidjs.com/Gordita-Regular.woff

Get this font

Gordita
Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for Gordita

Free alternatives if you can't license Gordita

LoraGoogle Fonts

Workhorse free serif with great screen rendering.

Open
Source Serif 4Google Fonts

Cleaner contemporary alternative.

Open
MerriweatherGoogle Fonts

Heavier sibling for editorial body copy.

Open
Used by 3 selectors on the page

How solidjs.com loads its fonts

Get Font Info inspected the homepage of solidjs.com and parsed 1 stylesheet totalling 74.2 KB. Inside those stylesheets we found 15 @font-face declarations — the rules a browser uses to download and register a custom typeface. The primary typeface is served from custom web font, and 11 CSS rules reference them across the page.

Check the font on a specific element

Open the live inspector and hover any text on solidjs.com to see the exact font, weight, size and line-height for that element.

Open live font inspector for solidjs.com

Frequently asked questions

What font does solidjs.com use?

solidjs.com uses Gordita as its primary typeface. This font is loaded from a self-hosted webfont and applied across 11 CSS rules on the homepage.

Where does solidjs.com load its fonts from?

solidjs.com loads its fonts from a self-hosted webfont. Get Font Info detected 15 @font-face declarations across 1 stylesheet on the live page.

What weights of Gordita does solidjs.com use?

solidjs.com loads Gordita in 5 weights: 100, 400, 500, 600, 700. If you want to match the look, request the same weights from your font host so you only ship what's actually used.

Can I use the same font as solidjs.com on my website?

Yes — once you know the font name, you can load it from the same source. If Gordita isn't a fit (licensing, weight selection, look-and-feel), close alternatives include Lora, Source Serif 4 and Merriweather. Use the CSS snippet on this page as a starting point.

Is the font on solidjs.com free to use?

These fonts are self-hosted webfonts. They may be licensed commercially from a type foundry, custom-made for the brand, or freely available — you would need to identify the typeface and check its license at the foundry.

See fonts used by other sites

Compare the typography on solidjs.com with how other well-known sites load and use their fonts.

About this page

This page lists the fonts loaded by the homepage of solidjs.com. Get Font Info reads the live CSS — every @font-face rule, every font-family declaration — so you see the exact fonts the browser used, not an image-based guess.

More guides: find the font on any website, identify the typeface on a webpage, check what font a website is using, or URL font checker.