我的h1标签字体系列突然从其在CSS中的原始字体系列更改

前端之家收集整理的这篇文章主要介绍了我的h1标签字体系列突然从其在CSS中的原始字体系列更改 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有一个html网站,css对于我网站上的每个页面都是相同的.今天,我首页的字体突然改变了.最初的字体家族为:字体家族:“ Alex Brush”;但它改为某些常规字体系列.我尝试添加字体家族:“ Alex Brush”;在页面的顶部,但没有成功.我不知道为什么它没有显示与其他页面相同的字体.

我的CSS:

  1. html,body {
  2. font-family: "Source Sans Pro",sans-serif;
  3. height: 100% !important;
  4. font-weight: 300;
  5. color: #444;
  6. position: relative;
  7. font-size: 14px;
  8. line-height: 1.5em;
  9. }
  10. html h1,html h2,html h3,html h4,html h5,body h1,body h2,body h3,body h4,body h5 {
  11. font-family: "Alex Brush";
  12. font-weight: 300;
  13. margin: 0px;
  14. letter-spacing: 2px;
  15. color: #555;
  16. }

在下面提供我的头部标签

  1. <html lang="en">
  2. <head>
  3. <Meta charset="utf-8">
  4. <Meta http-equiv="X-UA-Compatible" content="IE=edge">
  5. <Meta name="viewport" content="width=device-width,initial-scale=1">
  6. <Meta name="author" content="Suave Digital">
  7. <link rel="apple-touch-icon" sizes="72x72" href="assets\images\apple-icon-72x72.png">
  8. <link rel="apple-touch-icon" sizes="114x114" href="assets\images\apple-icon-114x114.png">
  9. <link rel="shortcut icon" type="image/png" sizes="32x32" href="assets\images\favicon-32x32.png">
  10. <title>The Nosh Bistro </title>
  11. <!-- Bootstrap core CSS -->
  12. <link href="assets/stylesheets/css/bootstrap.min.css" rel="stylesheet">
  13. <!-- font-awesome.css -->
  14. <link href="assets/stylesheets/css/fontawesome/font-awesome.min.css" rel="stylesheet">
  15. <!-- pe-icon.css -->
  16. <link href="assets/stylesheets/css/pe-icon/pe-icon-7-stroke.css" rel="stylesheet">
  17. <link href="assets/stylesheets/css/pe-icon/helper.css" rel="stylesheet">
  18. <link href="assets/fonts/flaticon/flaticon.css" rel="stylesheet">
  19. <!-- @R_404_102@ -->
  20. <link href="assets/javascripts/@R_404_102@/jquery.@R_404_102@.css" rel="stylesheet">
  21. <!-- Slick -->
  22. <link href="assets/stylesheets/css/slick/slick.css" rel="stylesheet">
  23. <link href="assets/stylesheets/css/slick/slick-theme.css" rel="stylesheet">
  24. <!-- Animate -->
  25. <link href="assets/stylesheets/css/animate.css" rel="stylesheet">
  26. <script>
  27. window.onscroll = function() {
  28. growShrinklogo()
  29. };
  30. function growShrinklogo() {
  31. var logo = document.getElementById("logo")
  32. if (document.body.scrollTop > 5 || document.documentElement.scrollTop > 5) {
  33. logo.style.width = '72px';
  34. } else {
  35. logo.style.width = '180px';
  36. }
  37. }
  38. </script>
  39. <!-- Main CSS -->
  40. <link href="assets/stylesheets/css/style.css" rel="stylesheet">
  41. <!-- Font style -->
  42. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  43. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  44. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  45. <script type="text/javascript">
  46. $(document).ready(function(){
  47. $("#myModal").modal('show');
  48. });
  49. </script>
  50. <style>
  51. .modal-content{
  52. width: 440px;
  53. margin-left: 40px;
  54. margin-top: -15px;
  55. }
  56. .modal-header{
  57. height: 5px;
  58. }
  59. .peep{
  60. margin-top: -6px;
  61. }
  62. /* @media screen and (max-width: 768px) {
  63. } */
  64. </style>
  65. </head>

我不知道首页发生了什么.我要我的< h1>主页上的标签显示“ Alex Brush”字体.有人知道我的问题的解决方案吗,或者谁能告诉我如何在嵌入式标签中更改字体系列?

This是我的HTML页面.

最佳答案
似乎这两个链接

  1. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  2. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

正在覆盖您的默认CSS.因此,在这两个文件之后加载您的css文件或使用!important以及样式

我也检查了您的网站.资产中没有文件正在加载,也请检查服务器配置

CSS files

猜你在找的HTML相关文章