The Trans Directory
fix(typography): properly pass Google font options (#1825)
authored by
Emile Bangma
and committed by
GitHub
580c1bd6
270a5dc1
+25
-3
+22
docs/configuration.md
+22
docs/configuration.md
···
108
108
You can see a list of all plugins and their configuration options [[tags/plugin|here]].
109
109
110
110
If you'd like to make your own plugins, see the [[making plugins|making custom plugins]] guide.
111
+
112
+
## Fonts
113
+
114
+
Fonts can be specified as a `string` or a `FontSpecification`:
115
+
116
+
```ts
117
+
// string
118
+
typography: {
119
+
header: "Schibsted Grotesk",
120
+
...
121
+
}
122
+
123
+
// FontSpecification
124
+
typography: {
125
+
header: {
126
+
name: "Schibsted Grotesk",
127
+
weights: [400, 700],
128
+
includeItalic: true,
129
+
},
130
+
...
131
+
}
132
+
```
+3
-3
quartz/util/theme.ts
+3
-3
quartz/util/theme.ts
···
105
105
--highlight: ${theme.colors.lightMode.highlight};
106
106
--textHighlight: ${theme.colors.lightMode.textHighlight};
107
107
108
-
--headerFont: "${theme.typography.header}", ${DEFAULT_SANS_SERIF};
109
-
--bodyFont: "${theme.typography.body}", ${DEFAULT_SANS_SERIF};
110
-
--codeFont: "${theme.typography.code}", ${DEFAULT_MONO};
108
+
--headerFont: "${getFontSpecificationName(theme.typography.header)}", ${DEFAULT_SANS_SERIF};
109
+
--bodyFont: "${getFontSpecificationName(theme.typography.body)}", ${DEFAULT_SANS_SERIF};
110
+
--codeFont: "${getFontSpecificationName(theme.typography.code)}", ${DEFAULT_MONO};
111
111
}
112
112
113
113
:root[saved-theme="dark"] {