Javascript 我的h1标签字体家族突然从css中的原始字体家族发生了变化
我有一个html网站,css对于我网站上的每个页面都是一样的。今天我头版的字体突然变了。原始字体系列是:Javascript 我的h1标签字体家族突然从css中的原始字体家族发生了变化,javascript,html,css,Javascript,Html,Css,我有一个html网站,css对于我网站上的每个页面都是一样的。今天我头版的字体突然变了。原始字体系列是:字体系列:“Alex Brush”但它更改为一些普通字体系列。我尝试添加字体系列:“Alex Brush”在页面的标题部分,但它不起作用。我不知道为什么它没有显示与其他页面相同的字体 我的css: html, body { font-family: "Source Sans Pro", sans-serif; height: 100% !important; font-weight
字体系列:“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>
小吃店
window.onscroll=函数(){
growshrinkogo()
};
函数growshrinkogo(){
var Logo=document.getElementById(“Logo”)
if(document.body.scrollTop>5 | | document.documentElement.scrollTop>5){
Logo.style.width='72px';
}否则{
Logo.style.width='180px';
}
}
$(文档).ready(函数(){
$(“#myModal”).modal('show');
});
.模态内容{
宽度:440px;
左边距:40px;
利润上限:-15px;
}
.模态标题{
高度:5px;
}
.窥视{
利润上限:-6px;
}
/*@媒体屏幕和(最大宽度:768px){
} */
我不知道我的头版出了什么事。我希望我在头版上的标签显示“Alex Brush”字体。有人知道我的问题的解决方案吗?或者有人能告诉我如何更改内联标记中的字体系列吗
这是我的HTML页面。似乎有两个链接
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
正在覆盖您的默认css。因此,在这两个文件之后加载css文件或使用!重要信息
以及样式
我也查看了你的网站。没有加载资产中的任何文件,也请检查服务器配置
导入几次相同的文件(jquery、bootstrap等)
在
上,您可以删除:
<link href="assets\stylesheets\css\menu\bootstrap.min.css" rel="stylesheet">
(the second one not the first)
<script src="assets\stylesheets\css\menu\bootstrap.min.js"></script> (put this
script on your footer with other script) and change "\" to "/" in the path.
<!-- 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>
(第二个不是第一个)
(把这个
在页脚上使用其他脚本)并将路径中的“\”更改为“/”。
请在您的文件夹中将“样式表/css”更改为“样式表”,并在文件夹内部创建一个带有“css”的新文件夹,然后将您的所有文件放在那里。当我查看您的网站时,它似乎对h1
标记使用了正确的字体系列(Alex Brush),请尝试清除浏览器的缓存
请注意,以下是调试此类问题的方法:
确保在页面中正确导入字体
确保您使用的字体系列名称正确
确保您的样式没有被其他CSS代码覆盖
清除浏览器的缓存
考虑到上述注意事项,您将不会有任何问题。您在哪里添加字体??是谷歌字体还是通过CSS文件?你是如何导入字体的?@JoykalInfotech在你的CSS文件中,将你的style.CSS放在其他.CSS文件之后。并且最好将它们放在页脚而不是中。还要检查文件和文件路径是否正确。如何使用重要的字体系列:“Alex Brush”!重要的代码>我认为您可以简单地将style.css放在.css文件之后。这似乎不是问题,在她的网站上,字体家族确实是“Alex Brush”。这个问题可能是重要的。我只是看到你的网站,你的字体似乎工作。。。你确定吗?