Twitter Bootstrap - Use fuentes serif

Question

Estoy usando Twitter Bootstrap para un diseño de sitio y me gustaría que todas las fuentes de visualización usen serif (en lugar de las fuentes de fuente predeterminadas sans-serif). ¿Hay alguna forma de hacerlo sin tener que volver a compilar a través de LESS? Realmente me gustaría evitar aprender MENOS por algo tan básico.

Answer 1

Tienes que cambiar la variable MENOS @baseFontFamily, su valor predeterminado es @sansFontFamily solo debes configurarlo en @serifFontFamily.
Si no desea utilizar LESS, aún puede cambiar esas variables en el menú Customize en el docs.

Answer 2

Si no le importa cambiar el bootstrap.css, hacer un encontrar & sustituir en:

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

sustituir con:

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

Si no quieres hacer eso, agregue este código a su CSS personalizado para anular el de Bootstrap.

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

Answer 3

quisiera recomendar la adición de cabeceras en allí también ...

body, 
    h1,h2,h3,h4,h5,h6, 
    input, 
    button, 
    select, 
    textarea, 
    .navbar-search .search-query { 
     font-family: Georgia, "Times New Roman", Times, serif; 
     font-size: 2.2em; 
    } 

Answer 4

Depende de si se utiliza Bootstrap por CDN o descargado. Si ha descargado, debe estar teniendo ya sea boostrap.css o boostrap.min.css En ellos, usted encontrará:

/*some element*/{ 
     font-family: /*some font names*/ 
    }  

sustituirla por la fuente que desea, es que simple!