<cat>UI.Intro</cat> <title>Custom Fonts</title> # Using fonts You can use custom fonts in razor by placing `.otf` or `.ttf` files in `Assets/fonts`. To use your font, set `font-family` in your CSS to the name of your font. ``` font-family: Font Family Name; ``` ⤶ <note>This differs from normal CSS syntax, this should be a single font name and not multiple.</note>⤶ ⤶ <note>⤶ Differing from normal CSS syntax, only enter a single font name instead of multiple.⤶ </note>⤶ ⤶ <warning>Variable fonts currently are not supported in s&box!</warning>⤶ # Uploading fonts For your players to download your fonts you may need to configure your Resource Files manually. Open the [Project Settings](https://wiki.facepunch.com/sbox/Games/ProjectSettings) > Resource Files, and add a wildcard `fonts/*`. After you've added that wildcard, you should see your font highlighted in a brighter color on the right side. <upload src="2a1e9/8dd341b6d249fbe.png" size="41632" name="image.png" />