Rendern ohne Google Web-Schriftarten mit Bootstrap?

Question

Ich versuche, Google Webfonts open sans mit Bootstrap zu öffnen.

Ich lade die Schriftarten mit:

habe ich eine Website-specific.css dass Lasten nach Bootstrap. Ich habe versucht:

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

und auch:

.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; 
} 

Aber es scheint, dass, egal welche Klasse Wähler ich, die bestimmte Schriftarten nicht und die Bootstrap-Schriftarten werden stattdessen geerbt. Ich bin mir nicht sicher, wie das zu debuggen ist.

Answer 1

Verwenden 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

Sofern Sie nicht die Core-Dateien von Bootstrap verändert haben, würde ich diese leichter auf sich selbst machen und ihre „anpassen“ -Funktion nutzen. Laden Sie es nach dem Platzieren Ihrer Schriftartnamen erneut herunter und ersetzen Sie Ihre vorhandenen Bootstrap-Dateien durch die neuen.

Sie können es hier anpassen:

http://getbootstrap.com/customize/

Dadurch wird zumindest dafür sorgen, dass Sie etwas nicht verpassen ... und bitte, vermeiden !important wie oben (es sei denn, Sie vorgeschlagen wirklich müssen). Hoffe das hilft?