Font Weight
Most font families offer multiple weights like Light, Medium, or Bold. The number of available weights differs from one font family to the next.
Whenever possible, try to source font families with at least 4 useable weights. This is generally a hallmark of a professional typeface, and will offer you greater creative flexibility as you design.
How to change Font Weight
In your project's Fonts section, pick the style that you want to edit, then click on Font Weight. Hover or sweep across weights to preview them. Click to set the weight:
What do those numbers mean?
There have been different numbering systems that attempt to classify font variants. More recently, the world of online design has coalesced around a simplified version of the Linotype Numbering System. We've embraced this as well:
- 100 - Thin, Hairline
- 200 - Extra Light, Ultra Light
- 300 - Light
- 400 - Normal, Book, Regular
- 500 - Medium
- 600 - Semi Bold, Demi Bold
- 700 - Bold
- 800 - Extra Bold, Ultra Bold
- 900 - Black, Heavy
What weights does Endcrawl recommend?
For scrolling credits, we generally recommend staying in the 400-700 range. Weights and weight names are ultimately relative and up to the typeface designer, but try to avoid the extremes:
- Light fonts (100-300), or fonts with hairline strokes like Didones, tend to exhibit more "shimmer" when scrolling.
- Extrabold and Heavy fonts (800-900) are difficult to read on screen, especially at smaller font sizes.
Static cards, on the other hand, don't suffer from these limitations, especially when they use larger font sizes. On your cards projects, feel free to use the full range of available font weights.
Where are my light weights?
Because light fonts tend to play very poorly with scrolling on-screen text, we exclude the 3 lightest weights from scrolling credits projects by default:
- 100 - Thin or Hairline
- 200 - Extra Light or Ultra Light
- 300 - Light
If you very badly want to use these anyway, just let the support team know. We won't stop you.
Watch out for text wrapping
Bumping up a font weight might cause text to wrap, or wrap differently. Make sure to spot check for any changes.