From aa841b00ef05c2b89b5e8a136e80c94dfefa79fc Mon Sep 17 00:00:00 2001
From: soryu <soryu@soryu.co>
Date: Tue, 23 Dec 2025 23:43:46 +0000
Subject: Fixup: Add font for logo

---
 makima/frontend/public/hiragino-mincho-pron-w3.otf | Bin 0 -> 10663968 bytes
 makima/frontend/src/components/Masthead.tsx        |   2 +-
 makima/frontend/src/index.css                      |  13 +++++++++++--
 3 files changed, 12 insertions(+), 3 deletions(-)
 create mode 100644 makima/frontend/public/hiragino-mincho-pron-w3.otf

(limited to 'makima')

diff --git a/makima/frontend/public/hiragino-mincho-pron-w3.otf b/makima/frontend/public/hiragino-mincho-pron-w3.otf
new file mode 100644
index 0000000..326e44b
Binary files /dev/null and b/makima/frontend/public/hiragino-mincho-pron-w3.otf differ
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 {
-- 
cgit v1.2.3