无法更改 main.css 中的字体系列

Question

目前使用带有 bootstrap 4 的 Django。无论出于何种原因，我都无法通过我的 main.css 文件更改字体系列。 我可以更改其他属性，但字体似乎不起作用。

如果我更改其他文件中的字体系列，它会起作用。 我只是无法通过我的 main.css 更改它。

我究竟做错了什么？

基本文件

{% load static %}

<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" href="{% static 'css/main.css' %}">
...

主文件

body {
   font-family: "Times New Roman", Georgia, serif !important;
}

Answer 1

您有 2 个选项，在 head 标签中创建一个样式标签，或者在 main.css 中选择所有内容而不是 body。 例子：

基本文件

{% load static %}

<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" href="{% static 'css/main.css' %}">
    <style>
        * {
            font-family: "Times New Roman", Georgia, serif !important;
        }
    </style>
...

要么

主文件

* {
    font-family: "Times New Roman", Georgia, serif !important;
}

Answer 2

你为什么不试试：

body style="font-family:Times New Roman, Georgia,serif !important" 直接在 HTML 代码中

此外，您可以尝试将 main.css 文件与 HTML 文件放在同一文件夹中，然后检查是否有效。

无法更改 main.css 中的字体系列

问题描述

2 个解决方案

解决方案1
3 已采纳 2021-07-22 03:12:19

解决方案2
0 2021-07-22 03:24:48

无法更改 main.css 中的字体系列

问题描述

2 个解决方案

解决方案1 3 已采纳 2021-07-22 03:12:19

解决方案2 0 2021-07-22 03:24:48

解决方案1
3 已采纳 2021-07-22 03:12:19

解决方案2
0 2021-07-22 03:24:48