Is it not possible to change font family of <body> in Bootstrap 5?


The Font-Family changes for my heading tags, but my body tag keeps getting canceled out by the "_reboot.scss:50". Also when I inspect my webpage and toggle off the default "enter code herefont-family: var(–bs-body-font-family);" the font I have selected in the CSS works.

Tried Both Import and Link for the Google Font :

  @import url(';900&display=swap');
<link rel="preconnect" href="">
<link rel="preconnect" href="" crossorigin>
<link href=";900&display=swap" rel="stylesheet">

Css Selector :

body {
  font-family: 'Montserrat', sans-serif;


use !important to override css.
Example –

body {
  font-family: 'Montserrat', sans-serif !important;

Answered By – Vidiya Prasanth Pappannan

Answer Checked By – Clifford M. (AngularFixing Volunteer)

Leave a Reply

Your email address will not be published.