無法更改 main.css 中的字體系列
[英]Can't change font-family in main.css
問題描述
目前使用帶有 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;
}
2 個解決方案
解決方案1
3 已采納 2021-07-22 03:12:19
您有 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;
}
解決方案2
0 2021-07-22 03:24:48
你為什么不試試：
body style="font-family:Times New Roman, Georgia,serif !important" 直接在 HTML 代碼中
此外，您可以嘗試將 main.css 文件與 HTML 文件放在同一文件夾中，然后檢查是否有效。
PySide-QtWebKit：CSS font-family無效
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.