😸
ant.design + umi.jsでgoogle fontsを使う。
ant.designとumi.jsでGoogle Fontsを読み込ませる方法。
antd/dist/antd.less
と.umirc.ts
を編集する。
antd/dist/antd.less
@import "../lib/style/default.less";
@import "../lib/style/components.less";
//ここでフォントの読み込みを行う
@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Gothic&display=swap');
.umirc.ts
export default {
theme: { '@primary-color': '#AEC3C1',
'@font-family': 'Sawarabi Gothic' },
};
最後にエンドポイントで(ここではindex.tsx
)lessを読み込む。
読み込むのはantd.css
でないことに注意してください。
index.tsx
import 'antd/dist/antd.less';
Discussion