diff --git a/skills/astro/SKILL.md b/skills/astro/SKILL.md index 1461d01..6943f7c 100644 --- a/skills/astro/SKILL.md +++ b/skills/astro/SKILL.md @@ -54,3 +54,7 @@ const propUser = { If using both @astro/react and @astro/mdx, components rendered with client:\* directive should not return `null`. If they do, they will trigger a spurious "Invalid hook call." warning. To avoid this, return `<>` (i.e. an empty fragment) instead of `null`. + +## Fonts + +Do not use `@import url(...)` or `@font-face{}` to add fonts to style sheets. Instead use Astro's `fontProviders` which will optimize font loading. [Guide](https://docs.astro.build/en/guides/fonts/#applying-custom-fonts).