2012-07-06 14 views
9

Używam Twitter Bootstrap do projektowania witryn i chciałbym, aby wszystkie czcionki ekranowe używały czcionek szeryfowych (zamiast domyślnych czcionek sans-serif). Czy jest jakiś sposób, aby to zrobić bez konieczności ponownej kompilacji za pośrednictwem LESS? Naprawdę chciałbym uniknąć uczenia się MNIEJ dla czegoś tak podstawowego.Twitter Bootstrap - Użyj czcionek serif

Odpowiedz

9

Musisz zmienić zmienną LESS @baseFontFamily, domyślną wartością jest @sansFontFamily, musisz ustawić ją na @serifFontFamily.
Jeśli nie chcesz używać LESS, nadal możesz zmienić te zmienne w menu Customize w docs.

+0

Łatwo. Dzięki! – Judson

+3

W Bootstrap 3 potrzebujesz tej linii, jeśli używasz LESS: '@ font-family-base: @ font-family-serif;' –

19

Jeśli nie przeszkadza zmianę bootstrap.css, zrobić odnaleźć & wymienić na:

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

wymienić:

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

Jeśli nie chcesz tego zrobić, dodaj ten kod do niestandardowego CSS, aby zastąpić Bootstrap.

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

Mogę również polecić nagłówki dodając tam ...

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

To zależy od tego, czy używasz Bootstrap przez CDN lub pobrać go. Jeśli pobrałeś go, trzeba się mieć albo boostrap.css lub boostrap.min.css W tych znajdą Państwo:

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

Wymień go czcionki chcesz, to że proste!