diff options
| author | soryu <soryu@soryu.co> | 2025-12-23 23:43:46 +0000 |
|---|---|---|
| committer | soryu <soryu@soryu.co> | 2025-12-23 23:43:46 +0000 |
| commit | aa841b00ef05c2b89b5e8a136e80c94dfefa79fc (patch) | |
| tree | 624f81fb3ece25e1f18dbbe92f79394f590cbe7f | |
| parent | 8fd91e6f014bebf0153ad2d3f319f7f06523860b (diff) | |
| download | soryu-aa841b00ef05c2b89b5e8a136e80c94dfefa79fc.tar.gz soryu-aa841b00ef05c2b89b5e8a136e80c94dfefa79fc.zip | |
Fixup: Add font for logo
| -rw-r--r-- | makima/frontend/public/hiragino-mincho-pron-w3.otf | bin | 0 -> 10663968 bytes | |||
| -rw-r--r-- | makima/frontend/src/components/Masthead.tsx | 2 | ||||
| -rw-r--r-- | makima/frontend/src/index.css | 13 |
3 files changed, 12 insertions, 3 deletions
diff --git a/makima/frontend/public/hiragino-mincho-pron-w3.otf b/makima/frontend/public/hiragino-mincho-pron-w3.otf Binary files differnew file mode 100644 index 0000000..326e44b --- /dev/null +++ b/makima/frontend/public/hiragino-mincho-pron-w3.otf 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 { |