设置字体系列(Django+Bootstrap)



当前有以下CSS样式表,应将Courier New应用于a、p、h1、h2等…

a, p, h1, h2, h3, h4, h5, h6 {
font-family: "Courier New";
color: #54627B;
}

我的a标签显示为Courier New。但是,我的h1字体系列不是。它们显示为:

-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"

看起来Bootstrap正在覆盖Font Family(尽管它不应该覆盖;我的自定义样式表是在Bootstrap之后声明的(

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="{% static 'blog_post_app/base.css' %}">

首先要考虑的是,如果您在html页面的顶部添加了{%load-static%}。然后查看您的设置,并检查它们是否符合Django用户指南。