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.Twitter Bootstrap - Sử dụng phông chữ serif
9
A
Trả lời
9
19
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;
}
1
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;
}
1
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!
Các vấn đề liên quan
- 1. Kích thước phông chữ trong Twitter Bootstrap
- 2. Twitter Bootstrap iFrame sử dụng?
- 3. Hiển thị phông chữ web sans google với bootstrap?
- 4. Điều chỉnh kích thước phông chữ tùy thuộc vào phông chữ nào được sử dụng từ ngăn xếp phông chữ
- 5. Trong CSS: cách chỉ định phông chữ bạn muốn là BOTH monospace và sans-serif?
- 6. Sử dụng twitter bootstrap với google blogger
- 7. Mẫu Trung tâm sử dụng Twitter Bootstrap
- 8. Twitter Sử dụng lớp tiện ích đáp ứng Bootstrap Twitter
- 9. Thêm phông chữ mới vào tùy chọn phông chữ TinyMCE
- 10. Sans-serif toán với latex trong matplotlib
- 11. Không thể ghi đè phông chữ của bootstrap-sass bằng phông chữ tuyệt vời
- 12. Có thể sử dụng phông chữ tùy chỉnh - sử dụng phông chữ không?
- 13. Twitter bootstrap typeahead delay
- 14. Xuất PDF Matplotlib sử dụng phông chữ sai
- 15. Nhiều phông chữ trong thuộc tính Phông chữ-Gia đình?
- 16. Sử dụng phông chữ Windows (TTF)?
- 17. cách sử dụng màu phông chữ html
- 18. Sử dụng phông chữ bitmap GLUT
- 19. Sử dụng phông chữ pixel trong PIL
- 20. Chèn hình nền vào CSS (Twitter Bootstrap)
- 21. Sử dụng các sự kiện chạm với Twitter Bootstrap
- 22. Tôi có thể sử dụng tagit với twitter bootstrap không?
- 23. Sử dụng Twitter Bootstrap trong dự án ASP.NET
- 24. Sử dụng twitter bootstrap 3 navbar cơ bản ngữ nghĩa
- 25. Twitter Bootstrap Tabs Sử dụng foreach On Opencart
- 26. Sử dụng Twitter Bootstrap nút radio với Flask
- 27. Sử dụng trình gián điệp cuộn bootstrap twitter
- 28. Tại sao Twitter không sử dụng Bootstrap của riêng mình?
- 29. tải trang mới trong các tab sử dụng twitter bootstrap
- 30. định vị một popover sử dụng twitter bootstrap
Đủ dễ dàng. Cảm ơn! – Judson
Trong Bootstrap 3, bạn cần dòng này nếu bạn đang sử dụng LESS: '@ font-family-base: @ font-family-serif;' –