我有一个html网站,css对于我网站上的每个页面都是相同的.今天,我首页的字体突然改变了.最初的字体家族为：字体家族：“ Alex Brush”；但它改为某些常规字体系列.我尝试添加字体家族：“ Alex Brush”；在页面的顶部,但没有成功.我不知道为什么它没有显示与其他页面相同的字体.
我的CSS：
html,body {
font-family: "Source Sans Pro",sans-serif;
height: 100% !important;
font-weight: 300;
color: #444;
position: relative;
font-size: 14px;
line-height: 1.5em;
}
html h1,html h2,html h3,html h4,html h5,body h1,body h2,body h3,body h4,body h5 {
font-family: "Alex Brush";
font-weight: 300;
margin: 0px;
letter-spacing: 2px;
color: #555;
}
在下面提供我的头部标签：
<html lang="en">
<head>
<Meta charset="utf-8">
<Meta http-equiv="X-UA-Compatible" content="IE=edge">
<Meta name="viewport" content="width=device-width,initial-scale=1">
<Meta name="author" content="Suave Digital">
<link rel="apple-touch-icon" sizes="72x72" href="assets\images\apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets\images\apple-icon-114x114.png">
<link rel="shortcut icon" type="image/png" sizes="32x32" href="assets\images\favicon-32x32.png">
<title>The Nosh Bistro </title>
<!-- Bootstrap core CSS -->
<link href="assets/stylesheets/css/bootstrap.min.css" rel="stylesheet">
<!-- font-awesome.css -->
<link href="assets/stylesheets/css/fontawesome/font-awesome.min.css" rel="stylesheet">
<!-- pe-icon.css -->
<link href="assets/stylesheets/css/pe-icon/pe-icon-7-stroke.css" rel="stylesheet">
<link href="assets/stylesheets/css/pe-icon/helper.css" rel="stylesheet">
<link href="assets/fonts/flaticon/flaticon.css" rel="stylesheet">
<!-- fancybox -->
<link href="assets/javascripts/fancybox/jquery.fancybox.css" rel="stylesheet">
<!-- Slick -->
<link href="assets/stylesheets/css/slick/slick.css" rel="stylesheet">
<link href="assets/stylesheets/css/slick/slick-theme.css" rel="stylesheet">
<!-- Animate -->
<link href="assets/stylesheets/css/animate.css" rel="stylesheet">
<script>
window.onscroll = function() {
growShrinklogo()
};
function growShrinklogo() {
var logo = document.getElementById("logo")
if (document.body.scrollTop > 5 || document.documentElement.scrollTop > 5) {
logo.style.width = '72px';
} else {
logo.style.width = '180px';
}
}
</script>
<!-- Main CSS -->
<link href="assets/stylesheets/css/style.css" rel="stylesheet">
<!-- Font style -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#myModal").modal('show');
});
</script>
<style>
.modal-content{
width: 440px;
margin-left: 40px;
margin-top: -15px;
}
.modal-header{
height: 5px;
}
.peep{
margin-top: -6px;
}
/* @media screen and (max-width: 768px) {
} */
</style>
</head>
我不知道首页发生了什么.我要我的< h1>主页上的标签以显示“ Alex Brush”字体.有人知道我的问题的解决方案吗,或者谁能告诉我如何在嵌入式标签中更改字体系列？
最佳答案
原文链接：/html/530500.html
