What is the correct way to use google fonts?

[FDiskas]

Looking for a good example of using custom fonts with latin extended version

react-email/apps/web/components/_components/layout.tsx

Lines 21 to 30 in 6b12e0a

	<Font
	fallbackFontFamily="Helvetica"
	fontFamily="Inter"
	fontStyle="normal"
	fontWeight={400}
	webFont={{
	url: "https://fonts.googleapis.com/css2?family=Inter&display=swap",
	format: "woff2",
	}}
	/>

As I can see in this example layout - the usage is wrong
because the font URL points to CSS rather than to the font it self.

[gabrielmfern]

You're absolutely right this layout has that wrong, thanks for pointing that out. One good example is the exact one from the docs