Fatal编程技术网
  • css/
  • Css 引导字体覆盖标题和正文的不同字体

Css 引导字体覆盖标题和正文的不同字体

css twitter-bootstrap fonts

Css 引导字体覆盖标题和正文的不同字体,css,twitter-bootstrap,fonts,overwrite,Css,Twitter Bootstrap,Fonts,Overwrite,我一直在尝试对标题应用不同的引导字体，对正文应用不同的字体。我查看了各种源代码，发现只有通过覆盖改变引导css的整体字体样式才有解决方案 <head> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="css/custom.css"> </head> 但这将引导中的所有字

我一直在尝试对标题应用不同的引导字体，对正文应用不同的字体。我查看了各种源代码，发现只有通过覆盖改变引导css的整体字体样式才有解决方案

<head>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/custom.css">
</head>
但这将引导中的所有字体都更改为“Calibri”字体。但我只想将“Calibri”应用于标题，并将任何其他字体样式应用于正文，例如将“open sans”应用于文本正文。 请让我知道如何做到这一点。
谢谢

您可以将其应用于您的标题或任何您想要的标签，如下图所示

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

body{
     font-family: 'open-sans', arial, sans-sarif; 
}
对于body，如果您想应用开放式SAN，请这样做

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

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