Django搭配Bootstrap4时main.css无法修改font-family问题求助

• 静态文件缓存未更新
  即便main.css中其他属性生效，字体相关的样式仍可能被浏览器或Django的静态文件缓存拦截。先执行强制刷新：Windows系统按Ctrl + F5，Mac系统按Command + Shift + R，如果无效可以给静态资源地址加版本号后缀规避缓存，修改引入代码为：

  <link rel="stylesheet" href="{% static 'css/main.css' %}?v=1">
  

• 子元素独立字体规则覆盖body继承属性
  Bootstrap4默认给标题、段落、表单、导航等大量元素单独设置了font-family属性，这些元素的自有规则优先级高于从body继承的属性，哪怕你给body加了!important也不会生效。可以修改main.css的规则为覆盖范围更广的写法：

  /* 全量覆盖，注意不要影响icon font等特殊字体元素 */
  body, h1, h2, h3, h4, h5, h6, p, a, li, div, span, input, button {
    font-family: "Times New Roman", Georgia, serif !important;
  }
  

• 其他后加载的样式覆盖规则
  检查base.html的head标签底部、body标签底部是否有其他晚于main.css加载的CSS文件、内联样式，这些样式的字体规则优先级更高，会覆盖你的设置。
• 直接排查冲突来源
  按F12打开浏览器开发者工具，切换到Elements面板选中任意页面文本元素，查看Computed标签下的font-family属性，点击属性对应的来源链接就能直接定位到覆盖你设置的具体规则。

内容的提问来源于stack exchange，提问作者TylerSingleton