vue项目中引入自定义字体

1. 获取ttf字体文件。可以从各种免费或付费字体库中下载，也可以从已有的设计稿中提取出来。

2. 将ttf字体文件复制到项目中。建议将字体文件放在 /assets/fonts/ 目录下。

3. 在CSS中定义@font-face规则，并将字体文件引入。

   @font-face {
     font-family: 'MyCustomFont';
     src: url('/assets/fonts/my-font.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
   }

4. 使用新定义的字体

   css
   h1 {
     font-family: 'MyCustomFont', sans-serif;
   }