自定义引导按钮字体

Question

我正在使用sass-version的Bootstrap，并希望自定义按钮＆＃39;字体，因此它与系统字体不同。

我没有看到任何可以修改按钮字体系列的sass / less变量：http://getbootstrap.com/customize/#buttons

那么，我该如何实现呢？

Answer 1

按钮元素的font-family继承自@font-family-sans-serif变量。标准变量为"Helvetica Neue", Helvetica, Arial, sans-serif。您可以找到变量here。

您可以使用以下内容覆盖ccs中的btn类：

.btn {
    font-family: SomeFont;
}

我建议您在自己的样式表中执行此操作，而不是更改引导程序。

Answer 2

您可以创建另一个类来覆盖btn类

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

您的HTML应该看起来像

    <input  type="submit" value="Submit" class="btn btn-primary yourownclass"/>

Answer 3

在Bootstrap 4中，SASS变量$input-btn-font-family和$btn-font-family可用。