diff options
| -rw-r--r-- | styles.css | 31 |
1 files changed, 26 insertions, 5 deletions
@@ -40,7 +40,23 @@ font-style: italic; } +@font-face { + font-family: "Noto Serif"; + src: url("fonts/Noto/NotoSerif-VariableFont_wdth,wght.ttf") format("truetype"); + font-weight: 100 900; + font-style: normal; +} + +@font-face { + font-family: "Noto Serif"; + src: url("fonts/Noto/NotoSerif-Italic-VariableFont_wdth,wght.ttf") format("truetype"); + font-weight: 100 900; + font-style: italic; +} + :root { + --font: "Noto Serif"; + --bg: #ffffff; --text: #000000; --accent: #000000; @@ -106,7 +122,7 @@ a:hover { } body { - font-family: "Charter", "Bitstream Charter", "Sitka Text", Georgia, serif; + font-family: var(--font), "Sitka Text", Georgia, serif; font-weight: 400; line-height: 1.6; color: var(--text); @@ -132,9 +148,9 @@ h2 { } code { - font-family: "Roboto Mono", "Charter", serif; + font-family: "Roboto Mono", var(--font), serif; background-color: var(--code-bg); - padding: 0px 8px; + padding: 0 3px; /* border-radius: 3px; */ font-size: 0.95em; border: 1px solid var(--border); @@ -153,6 +169,10 @@ pre { border-left-width: 3px; } +b { + text-shadow: 0 0 2px var(--text); +} + pre code { background-color: transparent; padding: 0; @@ -173,7 +193,8 @@ blockquote { block { display: block; - margin-bottom: 1.5rem; + margin-bottom: 1rem; + margin-bottom: 1rem; padding: 1rem; background-color: var(--block-bg); border: 1px solid var(--border); @@ -184,7 +205,7 @@ header { justify-content: space-between; align-items: baseline; font-weight: bold; - font-family: "Charter", serif; + font-family: var(--font), serif; } .header-left { |