ComponentsCss

Font

Support

Client-side

Server-side

Preview

Load a Google Font its URL. This will allow you to use the font in your document.

1 import { Font } from "@fileforge/react-print";
2 
3 <React.Fragment>
4   <Font url="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" />
5   <p style={{ fontFamily: "Roboto, sans-serif" }}>
6     This text uses the Roboto Light font.
7   </p>
8 </React.Fragment>;

1	import { Font } from "@fileforge/react-print";
2
3	<React.Fragment>
4	<Font url="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" />
5	<p style={{ fontFamily: "Roboto, sans-serif" }}>
6	This text uses the Roboto Light font.
7	</p>
8	</React.Fragment>;