static-to-variable / showcase / crimson-text
Crimson Text variable font
Google Fonts ships Crimson Text as 6 static styles with no variable version. This one was rebuilt from Regular 400 · SemiBold 600 · Bold 700, every weight redrawn onto a shared outline structure so it interpolates. Drag the slider to move through the weight axis.
Use the downloaded variable font
Choose WOFF2 for a website or TTF for desktop design tools. Put the webfont in your project, declare its full weight range, then use any weight between 400 and 700.
@font-face {
font-family: "Crimson Text";
src: url("/crimson-text-variable.woff2") format("woff2");
font-style: normal;
font-weight: 400 700;
}
.heading { font-family: "Crimson Text", sans-serif; font-weight: 650; }Built from
Regular 400 · SemiBold 600 · Bold 700. The weights above and below are interpolated, and any glyph that could not be matched cleanly is frozen at a single weight rather than allowed to drift.
Attribution
Crimson Text by Sebastian Kosch, OFL.
Unofficial community build. Not affiliated with the foundry or Google Fonts.
Do this to your own fonts
Drop a family of static weights into the build tool and get one variable font back.