What Are Font Weights?
Font weight refers to the thickness of a character’s stroke in a typeface. Different weights add emphasis and hierarchy to your content.
Common Font Weight Categories
Font Weight Name | CSS Weight |
Thin | 100 |
Extra Light / Ultra Light | 200 |
Light | 300 |
Normal / Regular | 400 |
Medium | 500 |
Semi Bold / Demi Bold | 600 |
Bold | 700 |
Extra Bold / Ultra Bold | 800 |
Black / Heavy | 900 |
How to Apply Font Weights
You can apply font weights in two ways:
Global Application
Use the right-hand settings panel to apply a font weight to an entire section.
This ensures consistent styling across all related text blocks.
Local Application
Use the top toolbar pop-up editor to change the font weight for individual text blocks.
Tips for Using the Pop-Up Editor
Reset Formatting:
If you want to undo changes made through the pop-up text editor:
Highlight the text.
Click the "Reset Formatting" button.
This button is found in the dropdown menu on the far right of the editor.
This action clears custom styles and reverts your text to default settings.
Note: Keep in mind that the pop-up editor will override text elements such as font size and font choice. Use this editor for detail work and fine-tuning. For consistent styling, apply global text changes using the right-side menu in the builder.
Adding Custom Web Fonts
To add your own branded fonts, including various weights:
Contact support to upload your font files.
Known Limitations
If your font folder lacks a specific weight (e.g. 600 Semi Bold), Knak will use the closest available weight (e.g. 700 Bold).
This fallback applies to any missing weights.
Tip: To avoid mismatches, upload every required font weight during your custom font request.
Tips for Managing Fonts in Knak
Upload All Required Font Weights
Include all necessary styles from Light to Bold or Black.
Test Your Selection
Use the preview tool to confirm each weight renders as expected.
Plan for Fallbacks
Understand fallback behavior for unavailable weights.
Keep Design Consistency
Limit your font weight options to maintain a uniform design across your assets.
Need more help? Contact support via live chat using the chat bubble in the bottom right corner or email support@knak.com.