# Fonts

Use one of the existing font options or a custom font of your choice to change the overall font in Sandbox.

## Font Options

- ###### Manrope

  Demo 12, Demo 16, Demo 17

- ###### Thicccboi

  Demo 3, Demo 5, Demo 6

- ###### DM Serif + Manrope

  Demo 2, Demo 4, Demo 8

- ###### Urbanist

  Demo 19, Demo 20, Demo 21

- ###### Space Grotesk

  Demo 28, Demo 29, Demo 30

Manrope is the default font in Sandbox. If you wish to use one of the other available font options to use inside the `<body>` tag font-Your_font_name in all your HTML pages.

## Google Fonts

To use a custom Google Font, 1st open `src/input.css` OR `Your_file.html` and add link Then 2nd Open`tailwind.config.js` , and use the example below to import your google font.

See This Link Link

## @font-face

To use a custom font with @font-face, first add the font files inside folder `dist/assets/fonts/` Then Open`tailwind.config.js` use the example below to import your custom font.

See This Link Link

## Think unique and be creative. Make a difference with Sandbox.

Everything you need to create your next unique and professional website, including impressive and ready-made blocks and pages.

Buy Sandbox