Custom fonts do not take effect ?

[xfrqh]

My goal: to use a different font.

To do this, I made the following changes:

// /theme/index.js
import DefaultTheme from 'vitepress/theme-without-fonts'
import './myfont.css'
export default DefaultTheme

/* /theme/myfont.css */
@import url("https://cdn.jsdelivr.net/gh/CMBill/lxgw-wenkai-web/style.css");
:root {
  --vp-font-family-base: "LXGW WenKai";
  --vp-font-family-mono: "LXGW WenKai Mono", monospace;
}

The structure of my project

I tried to use local files, but it didn't work. After changing the path several times, I tried Google and browsed many articles. After seeing issue_3864, I used online resources to avoid path problems.
After trying various things, I still couldn't get the custom font to work.

Does anyone know how to do this?🙏

VitePress: v1.4.1
Language: zh-CN(or Chinese Simple)

[xfrqh]

Case solved.
The reason was that I put the folder theme in the wrong directory, not in .vitepress.🤡