How to set Bootstrap @font-family-base?

css twitter-bootstrap less font-face

cja · Aug 9, 2013 · Viewed 68.9k times · Source

Use the @font-family-base, @font-size-base, and @line-height-base attributes as our typographic base.

Does this mean there is a CSS variable called @font-family-base?

How can I set this in CSS to change the font for my whole page?

Answer

For Bootstrap 3 open up your custom.css and

body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "Ubuntu", Helvetica, Arial, sans-serif!important;
}