vue项目中添加字体文件.ttf字体文件

1.将下载好的字体文件添加到项目src/assets/fonts目录下（通常是.ttf或.otf格式）

微信截图_20240409144902.png

2.在Vue项目的样式文件中通过@font-face规则引入字体。

@font-face {
  font-family: 'MyCustomFont';
  src: url('./assets/fonts/MyCustomFont.ttf') format('truetype'); /* 修改为相对应的字体文件路径 */
  font-weight: normal;
  font-style: normal;
}

3. 使用新字体

body {
  font-family: 'MyCustomFont', sans-serif;
}
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容