feat: custom modify

This commit is contained in:
aka 2023-11-04 04:23:32 +08:00
parent 64b242efc8
commit 7871eb4119
3 changed files with 19 additions and 7 deletions

View File

@ -54,7 +54,7 @@
}
.article-title {
font-family: var(--zh-font-family);
font-family: var(--article-font-family);
font-weight: 600;
margin: 0;
color: var(--card-text-color-main);

View File

@ -208,6 +208,7 @@
font-size: var(--article-font-size);
padding: 0 var(--card-padding);
line-height: var(--article-line-height);
font-weight: 500;
& > p {
margin: 1.5em 0;
@ -222,6 +223,7 @@
margin-inline-start: calc((var(--card-padding)) * -1);
padding-inline-start: calc(var(--card-padding) - var(--heading-border-size));
border-inline-start: var(--heading-border-size) solid var(--accent-color);
font-weight: 600;
}
figure {

View File

@ -1,10 +1,10 @@
<style>
:root {
--sys-font-family: "LXGW WenKai Screen R";
--zh-font-family: "LXGW WenKai Screen R";
--base-font-family: "LXGW WenKai Screen R";
--code-font-family: "LXGW WenKai Screen R";
--article-font-family: "Noto Serif SC";
--sys-font-family: "EB Garamond", "LXGW WenKai Screen R";
--zh-font-family: "EB Garamond", "LXGW WenKai Screen R";
--base-font-family: "EB Garamond", "LXGW WenKai Screen R";
--code-font-family: "EB Garamond", "LXGW WenKai Screen R";
--article-font-family: "EB Garamond", "Noto Serif SC";
}
</style>
@ -22,7 +22,17 @@
(function () {
const customFont = document.createElement("link");
customFont.href =
"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&display=swap";
"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Source+Code+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Cinzel+Decorative:wght@700&display=swap";
customFont.type = "text/css";
customFont.rel = "stylesheet";
document.head.appendChild(customFont);
})();
(function () {
const customFont = document.createElement("link");
customFont.href =
"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap";
customFont.type = "text/css";
customFont.rel = "stylesheet";