diff options
Diffstat (limited to 'makima/frontend/src')
| -rw-r--r-- | makima/frontend/src/components/Masthead.tsx | 2 | ||||
| -rw-r--r-- | makima/frontend/src/index.css | 13 |
2 files changed, 12 insertions, 3 deletions
diff --git a/makima/frontend/src/components/Masthead.tsx b/makima/frontend/src/components/Masthead.tsx index 6b69433..803e45a 100644 --- a/makima/frontend/src/components/Masthead.tsx +++ b/makima/frontend/src/components/Masthead.tsx @@ -14,7 +14,7 @@ export function Masthead({ showTicker = false, showNav = true }: MastheadProps) <Link to="/" className="flex items-center gap-3 no-underline"> <LogoMark size={32} /> <div> - <h1 className="m-0 text-xl text-white tracking-widest font-normal"> + <h1 className="m-0 text-xl text-white tracking-widest font-normal" style={{ fontFamily: 'var(--font-logo)' }}> makima.jp </h1> <small className="block text-[#dbe7ff] text-xs tracking-wide"> diff --git a/makima/frontend/src/index.css b/makima/frontend/src/index.css index 178fb9b..722c8a3 100644 --- a/makima/frontend/src/index.css +++ b/makima/frontend/src/index.css @@ -1,5 +1,13 @@ +@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;700&display=swap'); @import "tailwindcss"; +@font-face { + font-family: "Hiragino Mincho ProN"; + src: url("/hiragino-mincho-pron-w3.otf") format("opentype"); + font-weight: 300; + font-display: swap; +} + @theme { --color-bg-primary: #02040a; --color-bg-panel: rgba(9, 13, 20, 0.92); @@ -20,8 +28,9 @@ --color-border-primary: #2f476d; --color-border-accent: #3f6fb3; - --font-body: "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", "MS Mincho", "Noto Serif JP", serif; - --font-mono: "MS Gothic", "Osaka-mono", Consolas, "Courier New", monospace; + --font-body: "Yu Mincho", "Hiragino Mincho ProN", "HiraMinProN-W3", "MS PMincho", "MS Mincho", "Noto Serif JP", serif; + --font-mono: "Courier New", "Osaka-mono", Consolas, monospace; + --font-logo: "Hiragino Mincho ProN", "HiraMinProN-W3", "Yu Mincho", "Noto Serif JP", serif; } html { |