fonts - Vuepress 添加字体

Question

我在 index.styl 中添加了以下内容：

body {
   font-family: "Nunito-SemiBold", Helvetica, san-serif
}

但是在服务器上构建和部署时，喜欢的并没有显示出来。

我什至尝试将其放在根目录（与 index.html 相同）。

想法？

标签： fontsvuepress

Answer 1

在我的情况下，我在下载它之后添加了Plextheme/assets/fonts字体，然后我创建了其他手写笔文件来定义如下字体：

字体样式

 @font-face
   font-family 'IBM Plex Sans'
   font-style normal
   src url('~@theme/assets/fonts/IBM_Plex_Sans/IBMPlexSans-Regular.ttf')

索引样式

/**
 * Custom Styles here.
 *
 * ref：https//v1.vuepress.vuejs.org/config/#index-styl
 */
@require 'fonts'
    
    *
      font-family 'IBM Plex Sans' !important