diff --git a/docs/content/1.get-started/1.installation.md b/docs/content/1.get-started/1.installation.md index 89e9e120..c292b96e 100644 --- a/docs/content/1.get-started/1.installation.md +++ b/docs/content/1.get-started/1.installation.md @@ -63,6 +63,10 @@ div { That's it! Nuxt Fonts will detect this and you should immediately see the web font loaded in your browser. [Read more about how it works](/advanced#how-it-works). +::callout{icon="i-heroicons-exclamation-triangle" color="amber"} +To improve performance, `@nuxt/fonts` by default only loads the normal/400 font-weight. See the [configuration docs](/get-started/configuration#styles) on how to change this default. +:: + ::callout Check out the [configuration docs](/get-started/configuration) for all available options and features to customize. :: @@ -98,3 +102,5 @@ If an error occurs during installation: - Check your network connection. Your machine might be having a hard time communicating with the font providers. - If none of the above worked, please [open an issue](https://github.com/nuxt/fonts/issues) and include the error trace, OS, Node version and the package manager used for installing. + +- If you're missing certain fonts or their variations, please confirm the module is [configured to load](/get-started/configuration#styles) the fonts you expected to see. diff --git a/docs/content/1.get-started/2.configuration.md b/docs/content/1.get-started/2.configuration.md index a99a132c..93f61532 100644 --- a/docs/content/1.get-started/2.configuration.md +++ b/docs/content/1.get-started/2.configuration.md @@ -45,6 +45,12 @@ export default defineNuxtConfig({ }) ``` +#### `weights` + +Default: `[400]` + +Defines the font-weights that should be downloaded for a font. + #### `styles` Default: `['normal', 'italic']`