Twitter Bootstrap - Sử dụng phông chữ serif

Question

Tôi đang sử dụng Twitter Bootstrap cho thiết kế trang web và tôi muốn tất cả phông chữ hiển thị sử dụng phông chữ serif (thay vì sans-serif) mặc định. Có cách nào để làm điều này mà không cần phải biên dịch lại thông qua LESS? Tôi thực sự muốn tránh học LESS vì điều gì đó cơ bản này.

Answer 1

Bạn phải thay đổi biến LESS @baseFontFamily, giá trị mặc định là @sansFontFamily bạn chỉ cần đặt thành @serifFontFamily.
Nếu bạn không muốn sử dụng LESS, bạn vẫn có thể thay đổi các biến đó trong menu Customize trong docs.

Answer 2

Nếu bạn không nhớ thay đổi bootstrap.css, làm một tìm & thay thế vào lúc:

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

thay bằng:

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

Nếu bạn không muốn làm điều đó, thêm mã này vào CSS tùy chỉnh của bạn để ghi đè Bootstrap.

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

Answer 3

Có thể tôi cũng khuyên bạn nên tiêu đề bổ sung trong đó quá ...

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

Nó phụ thuộc vào việc bạn sử dụng Bootstrap bởi CDN hoặc bạn đã tải về nó. Nếu bạn đã tải về nó, bạn phải có một trong hai boostrap.css hoặc boostrap.min.css Trong đó, Bạn sẽ tìm thấy:

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

Thay thế nó với phông chữ mà bạn muốn, đó là rằng đơn giản!