As you develop your game, you might find that you want to alter the fonts used within the UI to complement the style or theme of your game.
This can be done by referencing supported fonts (see below for the list) in the css portion of your UI widget:
@font-face { font-family: FONTNAME; src: url('https://content.crayta.com/fonts/FONTFILE'); font-weight: 400; /* 400 = Regular, 500 = Medium, 600 = Semi-bold, 700 = bold */ } h1 { font-family: FONTNAME; }
The supported fonts are:
FONTNAME | FONTFILE |
![]() | Asset-Regular.ttf |
![]() | Bangers-Regular.ttf , Bangers.ttf |
![]() | Barlow-Black.ttf , Barlow-BlackItalic.ttf , Barlow-Medium.ttf , BarlowCondensed-Regular.ttf |
![]() | Bevan-Regular.ttf |
![]() | Frijole-Regular.ttf |
![]() | JollyLodger-Regular.ttf |
![]() | LilitaOne-Regular.ttf |
![]() |
|
![]() | MaidenOrange-Regular.ttf |
![]() | Montserrat-Bold.ttf , Montserrat-BoldItalic.ttf , Montserrat-Light.ttf , Montserrat-LightItalic.ttf , Montserrat-Regular.ttf |
![]() | NotoSans-Regular.ttf |
![]() | Orbitron-Black.ttf , Orbitron-Bold.ttf , Orbitron-Medium.ttf , Orbitron-Regular.ttf |
![]() | Oxygen-Regular.ttf |
![]() | PTSans-Regular.ttf |
![]() | RobotoMono-Regular.ttf |
![]() | Rye-Regular.ttf |
![]() | Sancreek-Regular.ttf |
![]() | SpaceMono-Regular.ttf |