How to set Bootstrap @font-family-base?

Bootstrap docs say:

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?

Answers


Visit the Bootstrap docs on customization - you can change several variables in Typography section, for instance @sansFontFamily, @serifFontFamily, @monoFontFamily, @baseFontSize, etc


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;
}

It's not a CSS variable, it's a LESS variable.

You can find (and edit) them in variables.less.


See below, place at the top of your CSS file.

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);

Need Your Help

Visual Studio 2008 web express: create new SQL Server database

asp.net sql-server visual-studio-2008

I just downloaded Visual Studio 2008 Express Edition and I want to create a local SQL Server database so I can start local development.

Issue in executing Spring Web project in Eclipse on Tomcat server

eclipse tomcat maven-2 spring-mvc m2eclipse

I have a Spring web project that uses Maven to compile/build. There is no issue in building the project. I am trying to run the project in Eclipse (3.3.2) on Tomcat (v6) server.