设置字体系列（Django + Bootstrap）答案

【问题标题】：Setting Font-Family (Django + Bootstrap)设置字体系列（Django + Bootstrap）
【发布时间】：2021-08-28 21:31:24
【问题描述】：

目前有以下 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 正在覆盖字体系列（尽管它不应该；我的自定义样式表是在 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' %}">

【问题讨论】：

您可以使用font-family: "Courier New" !important; 覆盖Bootstrap。

标签： html css django bootstrap-4

【解决方案1】：

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

【讨论】：