我有一个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”字体.有人知道我的问题的解决方案吗,或者谁能告诉我如何在嵌入式标签中@R_826_6502@系列？
This是我的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文件或使用！important以及样式
我也检查了您的网站.资产中没有文件正在加载,也请检查服务器配置
总结以上是内存溢出为你收集整理的我的h1标签字体系列突然从其在CSS中的原始字体系列更改 全部内容，希望文章能够帮你解决我的h1标签字体系列突然从其在CSS中的原始字体系列更改 所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）