Question

我一直在尝试将不同的bootstrap字体应用于我的标题，并将不同的字体应用于正文。我已经查看了各种来源，并且只通过覆盖改变bootstrap css的整体字体样式找到了解决方案。

<head>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/custom.css">
</head>

custom.css中的代码如下所示

body{
   font-family: 'Calibri', arial; 
}

.grid{
   border:solid 1px #000;
}

.img-fix{
   width:100%;
   height:auto;
}

但是这会将Bootstrap中的所有字体都改成'Calibri'字体。但我想将'Calibri'仅应用于标题和任何其他字体样式，如文本正文中的'open-sans'。请让我知道如何实现这一目标。谢谢！

Answer 1

你可以将它应用于你的标题或你想要的任何标签

h1, h2, h3, h4, h5, h6{
     font-family: 'Calibri', arial, sans-sarif; 
}

对于身体，如果你想申请开放sans就像这样做

body{
     font-family: 'open-sans', arial, sans-sarif; 
}