Gatsby 有没有可能覆盖盖茨比主题博客';s字体?
我正在使用盖茨比主题博客,并希望使用字体以外的默认“蒙特塞拉特”与“Wordpress 2016”主题 如果可能的话,我想将字体改为“Work Sans”,这是“”主题用于标题的字体 从中,我知道如何在我的项目下创建文件以替换原始文件。然而,所有的方法都失败了,帖子页面中的标题仍然停留在蒙特塞拉特 以下是我尝试过的:Gatsby 有没有可能覆盖盖茨比主题博客';s字体?,gatsby,theme-ui,Gatsby,Theme Ui,我正在使用盖茨比主题博客,并希望使用字体以外的默认“蒙特塞拉特”与“Wordpress 2016”主题 如果可能的话,我想将字体改为“Work Sans”,这是“”主题用于标题的字体 从中,我知道如何在我的项目下创建文件以替换原始文件。然而,所有的方法都失败了,帖子页面中的标题仍然停留在蒙特塞拉特 以下是我尝试过的: 安装主题及其相关字体: //package.json { “依赖项”:{ “@theme ui/排版”:“^0.3.0”,//使用'toTheme'方法 “字体工作区”:“^0.0
//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是我所做的(抱歉没有在帖子中澄清这一点),但我不知道有盖茨比谷歌字体插件。我会去试试,谢谢!是的,我绝对推荐盖茨比谷歌字体插件,它非常方便。如果它对你有帮助,请接受这个答案!