Twitter Bootstrap - Use serif fonts

Question

I'm using Twitter Bootstrap for a site design and I would like all of the display fonts to use serif (rather than the default sans-serif) font faces. Is there some way to do this without having to recompile via LESS? I would really like to avoid learning LESS for something this basic.

Answer 1

If you don't mind changing the bootstrap.css, do a find & replace on:

"Helvetica Neue", Helvetica, Arial, sans-serif;

replace with:

Georgia, "Times New Roman", Times, serif;

If you don't want to do that, add this code to your custom CSS to override Bootstrap's.

body,
input,
button,
select,
textarea,
.navbar-search .search-query {
  font-family: Georgia, "Times New Roman", Times, serif;
}

Answer 2

You have to change the LESS variable @baseFontFamily, it's default value is @sansFontFamily you juste have to set it to @serifFontFamily.
If you don't want to use LESS you can still change those variables in the Customize menu in the docs.