---
import { AstroFont } from "astro-font";
---
<AstroFont
config={[
  {
    name: "Outfit",
    googleFontsURL: 'https://fonts.googleapis.com/css2?family=Outfit&display=swap',
    display: "swap",
    selector: ".outfit",
    fallback: "sans-serif",
    src: [],
  },
  {
    display: "swap",
    name: "Poppins",
    googleFontsURL: 'https://fonts.googleapis.com/css2?family=Poppins&display=swap',
    selector: ".poppins",
    fallback: "sans-serif",
    preload: true,
    src: [],
  },
  {
    display: "swap",
    name: "Righteous",
    googleFontsURL: 'https://fonts.googleapis.com/css2?family=Righteous&display=swap',
    fallback: "sans-serif",
    selector: ".righteous",
    preload: true,
    src: [],
  },
  {
    display: "swap",
    name: "Sanchez",
    googleFontsURL: 'https://fonts.googleapis.com/css2?family=Sanchez&display=swap',
    fallback: "serif",
    selector: ".sanchez",
    preload: true,
    src: [],
  },
  {
    display: "swap",
    fallback: "serif",
    selector: ".dm-serif",
    name: "DM Serif Text",
    googleFontsURL: 'https://fonts.googleapis.com/css2?family=DM+Serif+Text&display=swap',
    src: [],
  }, 
]}
/>