Gatsby 有没有可能覆盖盖茨比主题博客';s字体?

Gatsby 有没有可能覆盖盖茨比主题博客';s字体?,gatsby,theme-ui,Gatsby,Theme Ui,我正在使用盖茨比主题博客,并希望使用字体以外的默认“蒙特塞拉特”与“Wordpress 2016”主题 如果可能的话,我想将字体改为“Work Sans”,这是“”主题用于标题的字体 从中,我知道如何在我的项目下创建文件以替换原始文件。然而,所有的方法都失败了,帖子页面中的标题仍然停留在蒙特塞拉特 以下是我尝试过的: 安装主题及其相关字体: //package.json { “依赖项”:{ “@theme ui/排版”:“^0.3.0”,//使用'toTheme'方法 “字体工作区”:“^0.0

我正在使用盖茨比主题博客,并希望使用字体以外的默认“蒙特塞拉特”与“Wordpress 2016”主题

如果可能的话,我想将字体改为“Work Sans”,这是“”主题用于标题的字体

从中,我知道如何在我的项目下创建文件以替换原始文件。然而,所有的方法都失败了,帖子页面中的标题仍然停留在蒙特塞拉特

以下是我尝试过的:

  • 安装主题及其相关字体:
  • //package.json
    {
    “依赖项”:{
    “@theme ui/排版”:“^0.3.0”,//使用'toTheme'方法
    “字体工作区”:“^0.0.72”,//我要使用的字体
    “字体主题精灵之门”:“^0.16.19”
    }
    }
    
  • 创建文件以隐藏原始排版:
  • //我的项目/src/gatsby主题博客/gatsby插件主题ui/typography.ts
    导入“字体工作SAN”
    从“@theme ui/排版”导入{toTheme}
    从“排版主题精灵之门”导入fairyGates
    导出默认值到主题(fairyGates)
    
    //我的项目/src/gatsby主题博客/gatsby插件主题ui/index.ts
    /*我在最初的盖茨比插件主题ui/index.js中复制了大多数代码
    故意避免其他可能的失败因素*/
    从“deepmerge”导入合并
    从“盖茨比主题博客/src/盖茨比插件主题ui/排版”导入排版
    从“盖茨比主题博客/src/gatsby插件主题ui/colors”导入颜色
    从“盖茨比主题博客/src/gatsby插件主题ui/styles”导入样式
    从“盖茨比主题博客/src/gatsby插件主题ui/prism”导入prism
    导出默认合并(排版{
    initialColorMode:`light`,
    颜色,
    字体:{
    标题:`工作无衬线,无衬线',//
    
  • 创建一个布局文件并将所有页面包装在其中。 像这样的东西可能有用
  • 用于确定样式范围或类似的内容,您可以在其中指定字体样式,并以限定范围和模块化的方式覆盖css样式
  • 用于带来您的字体选择
  • 创建一个布局文件并将所有页面包装在其中。 像这样的东西可能有用
  • 用于确定样式范围或类似的内容,您可以在其中指定字体样式,并以限定范围和模块化的方式覆盖css样式
  • 用于带来您的字体选择

  • 谢谢!1.和2是我所做的(抱歉没有在帖子中澄清这一点),但我不知道有盖茨比插件google fonts。我会去试试,谢谢!是的,我绝对推荐盖茨比google fonts插件,它非常方便。如果对你有帮助,请接受这个答案!谢谢!1.和2是我所做的(抱歉没有在帖子中澄清这一点),但我不知道有盖茨比谷歌字体插件。我会去试试,谢谢!是的,我绝对推荐盖茨比谷歌字体插件,它非常方便。如果它对你有帮助,请接受这个答案!