Renderowanie otwartych czcionek internetowych google z bootstrapem?

Question

Próbuję użyć czcionek internetowych google open sans z bootstrap.

mam ładowanie czcionek z:

Mam witryny specific.css że ładunki po bootstrap. Próbowałem:

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

a ponadto:

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

Ale wydaje się, że bez względu na to jakiej klasy selektor używam, czcionki nie czynią i bootstrap fonty są dziedziczone zamiast. Nie jestem pewien, jak to debugować.

Answer 1

Zastosowanie 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

Pod warunkiem, że nie zostały zmienione pliki rdzeniowe Bootstrap, chciałbym zrobić to łatwiej na siebie i skorzystać z ich funkcji „Dostosuj”. Pobierz go ponownie po umieszczeniu nazw czcionek i zastąp istniejące pliki ładowania początkowego nowymi.

Można go dostosować tutaj:

http://getbootstrap.com/customize/

Spowoduje to przynajmniej upewnić się, że nie przegapisz coś ... i proszę, unikać !important jak zasugerowano powyżej (chyba naprawdę musisz mieć)). Nadzieja, która pomaga?