Topic: What are the correct font-weights for headings?
Hello,
If I go to the Typography page and look at the headings (<h1>, <h2>, etc.) they appear with font-weight 500, so they are pretty bold. But when I insert the HTML into my own page they appear with font-weight 300, much less bold.
I can use .font-weight-bold to make them bolder, but that gives them font-weight 700.
What font-weight should headings be?
I am using MDB-Free_4.5.10.
Thanks,
Dave
Add comment
Hi,
these headings on our documentation may be misunderstood, so we will fix this but <h1><h2>, etc. normally have font-weight: 300. If you want to have a heading with font-weight: 500, you have to add the class .h1, .h3 etc. to the tag. Like this:
<h1 class="h1">Lorem ipsum</h1>Best, Marta
drdavew free commented 6 years ago
Thanks, that's very helpful. And thanks for such a quick reply.FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Answered
Specification of the issue
- ForumUser: Free
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: MacBook Pro, Samsung S8
- Browser: Firefox, Chrome
- OS: macOS High Sierra, Android 8
- Provided sample code: No
- Provided link: Yes