{{#match @custom.fonts "Archivo + System fonts"}} 
<link rel="preconnect" href="https://fonts.googleapis.com"> 
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,300;0,800;1,300;1,800&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,300;0,800;1,300;1,800&display=swap">
{{#contentFor "fonts_css"}}
<style>
:root {
	--font-family-one: var(--gh-font-heading, 'Archivo', sans-serif);
	--font-weight-one-light: 300;
	--font-weight-one-bold: 800;

	--font-family-two: var(--gh-font-heading, 'Archivo', sans-serif);
	--font-weight-two-bold: 800;
}
</style>
{{/contentFor}}
{{/match}}

{{#match @custom.fonts "Bona Nova + Inter"}} 
<link rel="preconnect" href="https://fonts.googleapis.com"> 
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Bona+Nova:ital,wght@0,400;0,700;1,400&family=Inter:wght@400;500;700&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bona+Nova:ital,wght@0,400;0,700;1,400&family=Inter:wght@400;500;700&display=swap">
{{#contentFor "fonts_css"}}
<style>
:root {
	--font-family-one: var(--gh-font-heading, 'Bona Nova', serif);
	--font-weight-one-light: 400;
	--font-weight-one-bold: 700;

	--font-family-two: var(--gh-font-heading, 'Inter', sans-serif);
	--font-weight-two-bold: 700;

	--font-family-three: var(--gh-font-body, 'Inter', sans-serif);
	--font-weight-three-regular: 400;
	--font-weight-three-medium: 500;
	--font-weight-three-bold: 700;

	--letter-spacing: -.01em;
}
</style>
{{/contentFor}}
{{/match}}

{{#match @custom.fonts "Inter"}} 
<link rel="preconnect" href="https://fonts.googleapis.com"> 
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap">
{{#contentFor "fonts_css"}}
<style>
:root {
	--font-family-one: var(--gh-font-heading, 'Inter', sans-serif);
	--font-weight-one-light: 300;
	--font-weight-one-bold: 700;

	--font-family-two: var(--gh-font-heading, 'Inter', sans-serif);
	--font-weight-two-bold: 700;

	--font-family-three: var(--gh-font-body, 'Inter', sans-serif);
	--font-weight-three-regular: 400;
	--font-weight-three-medium: 500;
	--font-weight-three-bold: 700;

	--letter-spacing: -.01em;
}
</style>
{{/contentFor}}
{{/match}}

{{#match @custom.fonts "Lato"}} 
<link rel="preconnect" href="https://fonts.googleapis.com"> 
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,900;1,300;1,400;1,900&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,900;1,300;1,400;1,900&display=swap">
{{#contentFor "fonts_css"}}
<style>
:root {
	--font-family-one: var(--gh-font-heading, 'Lato', sans-serif);
	--font-weight-one-light: 400;
	--font-weight-one-regular: 400;
	--font-weight-one-bold: 900;

	--font-family-two: var(--gh-font-heading, 'Lato', sans-serif);
	--font-weight-two-bold: 900;

	--font-family-three: var(--gh-font-body, 'Lato', sans-serif);
	--font-weight-three-regular: 400;
	--font-weight-three-medium: 400;
	--font-weight-three-bold: 900;
}
</style>
{{/contentFor}}
{{/match}}

{{#match @custom.fonts "EB Garamond + Inter"}} 
<link rel="preconnect" href="https://fonts.googleapis.com"> 
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,700;1,400;1,700&family=Inter:wght@400;500;700&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,700;1,400;1,700&family=Inter:wght@400;500;700&display=swap">
{{#contentFor "fonts_css"}}
<style>
:root {
	--font-family-one: var(--gh-font-heading, 'EB Garamond', sans-serif);
	--font-weight-one-light: 400;
	--font-weight-one-bold: 700;

	--font-family-three: var(--gh-font-body, 'Inter', sans-serif);
	--font-weight-three-regular: 400;
	--font-weight-three-medium: 500;
	--font-weight-three-bold: 700;
}
</style>
{{/contentFor}}
{{/match}}

{{#match @custom.fonts "Lora + System fonts"}} 
<link rel="preconnect" href="https://fonts.googleapis.com"> 
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,700;1,400;1,700&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,700;1,400;1,700&display=swap">
{{#contentFor "fonts_css"}}
<style>
:root {
	--font-family-one: var(--gh-font-heading, 'Lora', serif);
	--font-weight-one-light: 400;
	--font-weight-one-bold: 700;

	--font-family-two: var(--gh-font-heading, 'Lora', serif);
	--font-weight-two-bold: 700;
}
</style>
{{/contentFor}}
{{/match}}

{{#match @custom.fonts "Nunito"}} 
<link rel="preconnect" href="https://fonts.googleapis.com"> 
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,600;0,900;1,400;1,600;1,900&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,600;0,900;1,400;1,600;1,900&display=swap">
{{#contentFor "fonts_css"}}
<style>
:root {
	--font-family-one: var(--gh-font-heading, 'Nunito', sans-serif);
	--font-weight-one-light: 400;
	--font-weight-one-bold: 900;

	--font-family-two: var(--gh-font-heading, 'Nunito', sans-serif);
	--font-weight-two-bold: 900;

	--font-family-three: var(--gh-font-body, 'Nunito', sans-serif);
	--font-weight-three-regular: 400;
	--font-weight-three-medium: 600;
	--font-weight-three-bold: 900;

}
</style>
{{/contentFor}}
{{/match}}

{{#match @custom.fonts "Oswald + Roboto"}} 
<link rel="preconnect" href="https://fonts.googleapis.com"> 
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Oswald:wght@300;700&family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Oswald:wght@300;700&family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap">
{{#contentFor "fonts_css"}}
<style>
:root {
	--font-family-one: var(--gh-font-heading, 'Oswald', sans-serif);
	--font-weight-one-light: 300;
	--font-weight-one-bold: 700;

	--font-family-two: var(--gh-font-heading, 'Oswald', sans-serif);
	--font-weight-two-bold: 700;

	--font-family-three: var(--gh-font-body, 'Roboto', sans-serif);
	--font-weight-three-regular: 400;
	--font-weight-three-medium: 500;
	--font-weight-three-bold: 700;
}
</style>
{{/contentFor}}
{{/match}}

{{#match @custom.fonts "Playfair + System fonts"}} 
<link rel="preconnect" href="https://fonts.googleapis.com"> 
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,900;1,400;1,900&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,900;1,400;1,900&display=swap">
{{#contentFor "fonts_css"}}
<style>
:root {
	--font-family-one: var(--gh-font-heading, 'Playfair Display', serif);
	--font-weight-one-light: 400;
	--font-weight-one-bold: 900;
}
</style>
{{/contentFor}}
{{/match}}

{{#match @custom.fonts "Poppins + Inter"}} 
<link rel="preconnect" href="https://fonts.googleapis.com"> 
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;1,400;1,600&family=Inter:wght@400;500;700&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;1,400;1,600&family=Inter:wght@400;500;700&display=swap">
{{#contentFor "fonts_css"}}
<style>
:root {
	--font-family-one: var(--gh-font-heading, 'Poppins', sans-serif);
	--font-weight-one-light: 400;
	--font-weight-one-bold: 600;

	--font-family-two: var(--gh-font-heading, 'Poppins', sans-serif);
	--font-weight-two-bold: 600;

	--font-family-three: var(--gh-font-body, 'Inter', sans-serif);
	--font-weight-three-regular: 400;
	--font-weight-three-medium: 500;
	--font-weight-three-bold: 600;

	--letter-spacing: -.01em;
}
</style>
{{/contentFor}}
{{/match}}

{{#match @custom.fonts "Raleway + System fonts"}} 
<link rel="preconnect" href="https://fonts.googleapis.com"> 
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,800;1,400;1,800&family=Inter:wght@400;500;700&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,800;1,400;1,800&family=Inter:wght@400;500;700&display=swap">
{{#contentFor "fonts_css"}}
<style>
:root {
	--font-family-one: var(--gh-font-heading, 'Raleway', sans-serif);
	--font-weight-one-light: 400;
	--font-weight-one-bold: 800;

	--font-family-two: var(--gh-font-heading, 'Raleway', sans-serif);
	--font-weight-two-bold: 800;
}
</style>
{{/contentFor}}
{{/match}}

{{#match @custom.fonts "Roboto"}} 
<link rel="preconnect" href="https://fonts.googleapis.com"> 
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap">
{{#contentFor "fonts_css"}}
<style>
:root {
	--font-family-one: var(--gh-font-heading, 'Roboto', sans-serif);
	--font-weight-one-light: 300;
	--font-weight-one-bold: 700;

	--font-family-two: var(--gh-font-heading, 'Roboto', sans-serif);
	--font-weight-two-bold: 700;

	--font-family-three: var(--gh-font-body, 'Roboto', sans-serif);
	--font-weight-three-regular: 400;
	--font-weight-three-medium: 500;
	--font-weight-three-bold: 700;
}
</style>
{{/contentFor}}
{{/match}}

{{#match @custom.fonts "Space Grotesk + Inter"}} 
<link rel="preconnect" href="https://fonts.googleapis.com"> 
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&family=Inter:wght@400;500;700&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&family=Inter:wght@400;500;700&display=swap">
{{#contentFor "fonts_css"}}
<style>
:root {
	--font-family-one: var(--gh-font-heading, 'Space Grotesk', sans-serif);
	--font-weight-one-light: 400;
	--font-weight-one-bold: 700;

	--font-family-two: var(--gh-font-heading, 'Space Grotesk', sans-serif);
	--font-weight-two-bold: 700;

	--font-family-three: var(--gh-font-body, 'Inter', sans-serif);
	--font-weight-three-regular: 400;
	--font-weight-three-medium: 500;
	--font-weight-three-bold: 700;

	--letter-spacing: -.01em;
}
</style>
{{/contentFor}}
{{/match}}

{{#match @custom.fonts "Sora + Inter"}} 
<link rel="preconnect" href="https://fonts.googleapis.com"> 
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Sora:wght@300;600&family=Inter:wght@400;500;700&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sora:wght@300;600&family=Inter:wght@400;500;700&display=swap">
{{#contentFor "fonts_css"}}
<style>
:root {
	--font-family-one: var(--gh-font-heading, 'Sora', sans-serif);
	--font-weight-one-light: 300;
	--font-weight-one-bold: 600;

	--font-family-two: var(--gh-font-heading, 'Sora', sans-serif);
	--font-weight-two-bold: 600;

	--font-family-three: var(--gh-font-body, 'Inter', sans-serif);
	--font-weight-three-regular: 400;
	--font-weight-three-medium: 500;
	--font-weight-three-bold: 700;
}
</style>
{{/contentFor}}
{{/match}}

{{#match @custom.fonts "Syne + Inter"}} 
<link rel="preconnect" href="https://fonts.googleapis.com"> 
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Syne:wght@400;700&family=Inter:wght@400;500;700&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Syne:wght@400;700&family=Inter:wght@400;500;700&display=swap">
{{#contentFor "fonts_css"}}
<style>
:root {
	--font-family-one: var(--gh-font-heading, 'Syne', sans-serif);
	--font-weight-one-light: 400;
	--font-weight-one-bold: 700;

	--font-family-two: var(--gh-font-heading, 'Syne', sans-serif);
	--font-weight-two-bold: 700;

	--font-family-three: var(--gh-font-body, 'Inter', sans-serif);
	--font-weight-three-regular: 400;
	--font-weight-three-medium: 500;
	--font-weight-three-bold: 700;

	--letter-spacing: -.01em;
}
</style>
{{/contentFor}}
{{/match}}

{{#match @custom.fonts "Work Sans + Inter"}} 
<link rel="preconnect" href="https://fonts.googleapis.com"> 
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Inter:wght@400;500;700&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Inter:wght@400;500;700&display=swap">
{{#contentFor "fonts_css"}}
<style>
:root {
	--font-family-one: var(--gh-font-heading, 'Work Sans', sans-serif);
	--font-weight-one-light: 400;
	--font-weight-one-bold: 700;

	--font-family-two: var(--gh-font-heading, 'Work Sans', sans-serif);
	--font-weight-two-bold: 700;

	--font-family-three: var(--gh-font-body, 'Inter', sans-serif);
	--font-weight-three-regular: 400;
	--font-weight-three-medium: 500;
	--font-weight-three-bold: 700;

	--letter-spacing: -.01em;
}
</style>
{{/contentFor}}
{{/match}}