[vuejs/vuepress]ttf 字体文件怎么引入呢?谁知道如何配置可以引入当前目录的字体文件?

2023-12-12 78 views
9

ttf 字体文件怎么引入呢?谁知道如何配置可以引入当前目录的字体文件?

回答

6

在你的.vuepress/styles/index.styl. 请在 Stackoverflow 上提出这样的问题,该问题用于跟踪错误和功能。

@font-face
  font-family 'Font Awesome 5 Brands'
  font-style normal
  font-weight 400
  font-display block
  src url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-brands-400.ttf') format('truetype'), 
6

感谢您的回复,不过我的问题是「离线字体,当前项目目录下的字体文件」,不是在线的字体文件

5

兄弟解决了吗?我也是下载到本地的ttf文件

6

我按照你的方法在enhanceApp.js引入woff2的样式文件,为什么页面没有生效(F12 > Network > 有这个打包后的.woff2文件,页面字体却没有使用上)?

7

可以先复制我那个字体文件先调通,再尝试修改成自己的

8

在docs/.vuepress/styles/index.styl 使用就可以了 解决了,感谢! @zq99299