如何将自定义font-face与bootstrap的glyphicons结合起来

Question

我做了类似的事

@font-face{
  font-family:"MYFONT" !important;
  src: url("/assets/MYFONT.otf") format("opentype") !important;
}

然后我添加了

*{
  font-family:"MYFONT", sans !important;
}

它消除了Bootstrap中的glyphicons。

如何在全局范围内声明我的字体并保持引导字形不会在我的网站中被销毁？

感谢。

Answer 1

问题是*，因为它为所有元素设置了font-family。

快速解决方法是这样做：body { font-family:"MYFONT", sans; }

正确的解决方法是使用LESS / SASS版本的bootstrap并更改变量@font-family-sans-serif以使用您的自定义字体。