What are the correct font-weights for headings?

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: What are the correct font-weights for headings?

drdavew asked 6 years ago

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

Marta Szymanska staff pro premium answered 6 years ago

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 commented 6 years ago

Thanks, that's very helpful. And thanks for such a quick reply.
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • User: 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
Tags
headings
About author
drdavew
5Support score
1Questions 0Answers
0Snippets likes 0Snippets