CSS Font Weight
Build a font-weight 100–900 rule.
Outputs font-weight: N in steps of 100. Unlike CSS Letter Spacing this is weight, not tracking. Unlike CSS Word Spacing this is not gaps between words. Copy the rule in this tab.
What CSS Font Weight does
Outputs font-weight: N in steps of 100. Unlike CSS Letter Spacing this is weight, not tracking. Unlike CSS Word Spacing this is not gaps between words. Copy the rule in this tab.
CSS Font Weight sits in the Design group on purpose. It is not CSS Letter Spacing (Build a letter-spacing em rule.) and not CSS Word Spacing (Build a word-spacing em rule.). Choose this page when you need Build a font-weight 100–900 rule. If you stretch CSS Font Weight into a neighbor’s job, the result will look wrong even though the site chrome looks the same.
How to use CSS Font Weight
- Use CSS Font Weight for this design job (css font weight). CSS Letter Spacing is adjacent (Build a letter-spacing em rule.) but not the same.
- Add the file type CSS Font Weight accepts. Hint from the path: css font weight. Build a font-weight 100–900 rule.
- Set only the options that match CSS Font Weight. Neighbor CSS Word Spacing does something else (Build a word-spacing em rule.). Tool note: Outputs font-weight: N in steps of 100. Unlike CSS Letter Spacing this is weight, not tracking. Unlike CSS Word Spacing this is not gaps between words. Copy the rule in this tab.
- Run CSS Font Weight in this tab. Browser memory still applies: font-weight 100 to 900, steps of 100. CSS only. Copy in this tab.
- Download or copy the result from CSS Font Weight. If it is the wrong job, open CSS Letter Spacing instead.
When not to use CSS Font Weight
Skip CSS Font Weight when a neighbor tool matches better — start with CSS Letter Spacing or CSS Word Spacing — or when the description already warns the job will fail. In the tool’s own words: Outputs font-weight: N in steps of 100. Unlike CSS Letter Spacing this is weight, not tracking. Unlike CSS Word Spacing this is not gaps between words. Copy the rule in this tab.
Questions about CSS Font Weight
- What does CSS Font Weight do that other Design pages on this site do not?
- Outputs font-weight: N in steps of 100. Unlike CSS Letter Spacing this is weight, not tracking. Unlike CSS Word Spacing this is not gaps between words. Copy the rule in this tab. Short version: Build a font-weight 100–900 rule.
- Does CSS Font Weight upload my file or text to Tool-You servers?
- No. CSS Font Weight runs in this browser tab. Files stay on the device. Limit note: font-weight 100 to 900, steps of 100. CSS only. Copy in this tab.
- Should I use CSS Letter Spacing instead of CSS Font Weight?
- Use CSS Font Weight when you need Build a font-weight 100–900 rule. Use CSS Letter Spacing when you need Build a letter-spacing em rule. They share a category (Design) but not the same job.
- What are the limits of CSS Font Weight?
- font-weight 100 to 900, steps of 100. CSS only. Copy in this tab. Also: Outputs font-weight: N in steps of 100. Unlike CSS Letter Spacing this is weight, not tracking. Unlike CSS Word Spacing this is not gaps between words. Copy the rule in this tab.