2013-08-09 8 views
21

Bootstrap docs sagen:Wie setze ich Bootstrap @ font-family-base?

Verwenden Sie die @font-family-base, @font-size-base und @line-height-base Attribute wie unsere typografische Basis.

Bedeutet das, dass es eine CSS-Variable namens @font-family-base gibt?

Wie kann ich dies in CSS festlegen, um die Schriftart für meine ganze Seite zu ändern?

Antwort

6

Besuchen the Bootstrap docs on customization - Sie können mehrere Variablen in Typography Abschnitt ändern, zum Beispiel @sansFontFamily, @serifFontFamily, @monoFontFamily, @baseFontSize, etc

+0

Ich bin auf Version 3 – cja

+0

@cja Bis RC2 wird der Bootstrap 3 Customizer deaktiviert werden. In der Zwischenzeit fangen Sie das kompilierte CSS und JavaScript. Bleib 'dabei! – amatellanes

+0

Ich habe es bemerkt. Wie auch immer, ich habe die kompilierten Dateien auf meinem Computer. Sicher kann ich sie ändern, um die Schriftart zu erreichen, die ich will? – cja

14

Es ist kein CSS Variable, es ist ein LESS variable ist.

Sie können sie in variables.less finden (und bearbeiten).

+0

Es gibt nicht weniger Verzeichnis in meinem Bootstrap-Download-Ordner. (Ich habe die neueste Version vor ein paar Tagen.) – cja

+0

Möglicherweise weil ich v3 haben – cja

+3

Das ist, weil Sie die kompilierten CSS-Dateien haben. Sie können die LESS-Dateien herunterladen und sie verwenden, oder mit den kompilierten herumspielen, wenn Sie das bevorzugen – Simone

25

Für Bootstrap 3 öffnen Sie Ihre custom.css und

body, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
.h1, 
.h2, 
.h3, 
.h4, 
.h5, 
.h6 { 
    font-family: "Ubuntu", Helvetica, Arial, sans-serif!important; 
} 
+2

Es ist scheiße, dass dies der einzige Weg ist, wie ich es zur Arbeit bringen konnte, aber - es war - sehr zu schätzen wissen. – Dave

0

Siehe unten, Platz an der Spitze Ihrer CSS-Datei.

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);