Hiển thị phông chữ web sans google với bootstrap?

Question

Tôi đang cố gắng sử dụng phông chữ google web mở sans với bootstrap.

Tôi tải phông chữ với:

Tôi có một trang web specific.css rằng tải sau bootstrap. Tôi đã thử:

.body { font-family: 'Open Sans', sans-serif;} 

và cũng:

.bootstrap-container *,  
.bootstrap-container body, 
.bootstrap-container td, 
.bootstrap-container tr, 
.bootstrap-container div, 
.bootstrap-container p, 
.bootstrap-container form, 
.bootstrap-container input, 
.bootstrap-container select, 
.bootstrap-container textarea, 
.bootstrap-container font { 
font-family: 'Open Sans', sans-serif; 
} 

Nhưng có vẻ như không có vấn đề gì lớp chọn tôi sử dụng, các phông chữ không render và các phông chữ bootstrap được thừa kế để thay thế. Tôi không chắc chắn làm thế nào để gỡ lỗi này.

Answer 1

Sử dụng CSS !important

.bootstrap-container *,  
.bootstrap-container body, 
.bootstrap-container td, 
.bootstrap-container tr, 
.bootstrap-container div, 
.bootstrap-container p, 
.bootstrap-container form, 
.bootstrap-container input, 
.bootstrap-container select, 
.bootstrap-container textarea, 
.bootstrap-container font { 
font-family: 'Open Sans', sans-serif !important; <-------- Here 
} 

Answer 2

Miễn là bạn đã không thay đổi các tập tin cốt lõi của Bootstrap, tôi sẽ làm cho dễ dàng hơn này về bản thân và sử dụng "tùy chỉnh" tính năng của họ. Tải xuống lại sau khi đặt tên phông chữ của bạn và thay thế các tệp khởi động hiện có của bạn bằng các tệp mới.

Bạn có thể tùy chỉnh nó ở đây:

http://getbootstrap.com/customize/

Việc làm này ít nhất sẽ đảm bảo rằng bạn không bỏ lỡ một cái gì đó ... và xin vui lòng, tránh sử dụng !important như gợi ý ở trên (trừ khi bạn thực sự cần). Hy vọng điều đó sẽ giúp ích?