layer5io
[Bug] - Font Weight Not Applying Correctly for QanelasSoft
Current Behavior
Description:
The h1, h2, and h3 elements are not picking up the correct QanelasSoft font when using a font weight other than 500 or 700. This happens because QanelasSoft only includes these two weights by default. When other font weights (e.g., 600, 800) are applied, the browser falls back to a different font due to the order of precedence in the font-family stack.
Expected Behavior:
Headings should correctly render with Qanelas Medium, Semi-Bold, and Bold as defined in the ThemeProvider. The correct font should be applied across all projects without defaulting to a system font (sans-serif).
Actual Behavior: In some projects, the font is not being found, causing a fallback to sans-serif. The issue appears to be due to missing Qanelas Medium, Semi-Bold, and Bold weights in certain projects.
Screenshots/Logs
Environment
- Chrome (mac os)
Contributor Guides and Resources
- 🛠 Meshery Build & Release Strategy
- 📚 Instructions for contributing to documentation
- 🎨 Wireframes and designs for Sistent site in Figma (open invite)
- 🙋🏾🙋🏼 Questions: Layer5 Discussion Forum and Layer5 Community Slack
