😸

ant.design + umi.jsでgoogle fontsを使う。

2022/08/01に公開

ant.designumi.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

ログインするとコメントできます