commit 3ab3f44cd9f970388cb39ff7e0492b4dd11ec7f0
parent ec083a2af63df9feedb8fb9c5c4a6b097757f278
Author: Minerva_juppiter <94231606+minerva-jupiter@users.noreply.github.com>
Date: Thu, 2 May 2024 08:00:05 +0900
add notofont (#16)
Diffstat:
3 files changed, 14 insertions(+), 0 deletions(-)
diff --git a/package.json b/package.json
@@ -13,6 +13,7 @@
"@types/node": "^20.12.7",
"@types/react": "^18.3.1",
"@types/react-dom": "^18.3.0",
+ "fontsource-noto-sans-jp": "^4.0.0",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-scripts": "^5.0.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
@@ -38,6 +38,9 @@ importers:
'@types/react-dom':
specifier: ^18.3.0
version: 18.3.0
+ fontsource-noto-sans-jp:
+ specifier: ^4.0.0
+ version: 4.0.0
react:
specifier: ^18.3.1
version: 18.3.1
@@ -2872,6 +2875,10 @@ packages:
debug:
optional: true
+ fontsource-noto-sans-jp@4.0.0:
+ resolution: {integrity: sha512-/XLWHhy7nBTb8V+J05nb6O/SeeChlWhpx2Srs8Ipl2p0KztUTMz9AmYTARuWOLErtZc/Ar2XwuUjsWA+MBMBGw==}
+ deprecated: Package relocated. Please install and migrate to @fontsource/noto-sans-jp.
+
for-each@0.3.3:
resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
@@ -9086,6 +9093,8 @@ snapshots:
follow-redirects@1.15.6: {}
+ fontsource-noto-sans-jp@4.0.0: {}
+
for-each@0.3.3:
dependencies:
is-callable: 1.2.7
diff --git a/src/App.tsx b/src/App.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
import './App.css';
import { ThemeProvider, createTheme } from '@mui/material/styles';
import { CssBaseline, useMediaQuery } from '@mui/material';
+import "fontsource-noto-sans-jp";
function App() {
const prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
@@ -12,6 +13,9 @@ function App() {
palette: {
mode: prefersDarkMode ? "dark" : "light",
},
+ typography: {
+ fontFamily: ['Noto Sans JP', 'sans-serif'].join(','),
+ },
}),
[prefersDarkMode]
);