Anpassen bootstrap button schriftart

Ich bin mit sass-version von Bootstrap und anpassen möchten, mit den Tasten " - Schrift, so dass es unterscheidet sich von der system-schriftart.

Ich kann nicht sehen, sass - /less-Variablen, ändern Sie die schriftart-Familie meiner Tasten: http://getbootstrap.com/customize/#buttons

So, wie kann ich das erreichen ?

InformationsquelleAutor Boris Burkov | 2015-10-02
  1. 3

    Den font-family des button-elements wird geerbt von der @font-family-sans-serif variable. Die variable als standard ist "Helvetica Neue", Helvetica, Arial, sans-serif. Finden Sie die variable hier.

    Können Sie überschreiben die btn Klasse in Ihrem ccs mit so etwas wie:

    .btn {
    font-family: SomeFont;
}

    Ich würde empfehlen, dass Sie dies in Ihrem eigenen stylesheet eher als eine änderung der bootstrap man doch.

    • Ich habe zusätzliche _bootswatch.scss-Datei, wo außer Kraft gesetzt .btn schriftart, wie Sie empfehlen. Scheint, wie bootstrap funktioniert einfach nicht vorhanden eine variable für das überschreiben font-family Elementen.
    InformationsquelleAutor Gareth
  2. 0

    Können Sie erstellen, die einer anderen Klasse zu überschreiben, die btn-Klasse

    .yourownclass{
     font-family: "Arial Bold", Gadget, sans-serif;
     font-style: normal;
     font-size: 15px ! important; //to make fontsize bigger 
  }

    Ihres HTML sollte so Aussehen wie

        <input  type="submit" value="Submit" class="btn btn-primary yourownclass"/>
    InformationsquelleAutor li bing zhao
  3. 0

    In der Bootstrap-4, SASS Variablen $input-btn-font-family und $btn-font-family erhältlich sind.

    InformationsquelleAutor tophr
Schreibe einen Kommentar