Style
The style tag is the simplest form of tag — it allows you to refer to a style by typing out its name.
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F07845695-a345-40d8-bb29-02e8ab84cb46%2FInputTextAsset1.gif?table=block&id=e9903f19-271a-46b9-8b2b-4ff40790355a&cache=v2)
Font
You can select which font to display by using the
&
prefix on your tag.The Expressive Text system will automatically find a matching font asset that shares the same name as what you’ve typed.
When no local fonts are found, it will also search for the font on https://fonts.google.com and ask if you want to import it — Take a look at Google Fonts Importer for more info.
Be careful about renaming font assets that might be inlined somewhere in Expressive Text since those font tags will also need renaming — For a more solid approach you can create a custom style and refer to your font from there.
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F1caae32d-f637-4190-87db-90b042949f8f%2FInputTextAsset1.gif?table=block&id=66a2e56e-38f2-439f-bb8d-37625a3c4260&cache=v2)
Font Size
For a quick and easy font resize you can use the
pt
suffix after the size you want the text to be.![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fa15f7b34-338e-4b33-bd01-fa8b2bfb5644%2FInputTextAsset1.gif?table=block&id=81aef5e3-04b3-453b-b5f8-2151a78ab30c&cache=v2)
Font Color (by name)
You can write a color name to paint your text — we use the same color list as available on the CSS standard
Full color list: https://www.w3schools.com/cssref/css_colors.asp
Since Font color (by name) tags don’t use any special tokens, they can be overwritten by custom styles of the same name.
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F7240f7a7-7bae-4699-81be-abc8e5cc40d1%2FInputTextAsset1.gif?table=block&id=7198bc2f-3808-4f1f-ac23-65eba636c866&cache=v2)
Font color (by hex)
Use the
#
prefix to specify hexadecimal values for the different channels (RGBA).If you’re not used to working with hex codes, you can use this picker to chose a color and generate an hex code.
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F86864451-55ea-45b7-958f-f00ea5e2a966%2FInputTextAsset1.gif?table=block&id=ac0dd605-25ea-4c32-bbcb-e6b42bd57b6e&cache=v2)
Typeface
Apply a different variation of the font by specifying the typeface’s name after the
*
prefix.Make sure that the font asset you’re using has all the different typefaces set-up correctly. Check-out Unreal’s Docs if you have any doubt.
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F72f3fec0-2699-4c84-b8ed-b99042e33088%2FInputTextAsset1.gif?table=block&id=f9c8e936-6539-4947-a60c-374814846434&cache=v2)
Animation
Use the
@
prefix to specify an animation to play.![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F8827a2ba-185c-4c51-ae48-160b52f5d9b4%2FInputTextAsset1.gif?table=block&id=7fc7b53c-88ba-4c30-873b-540c96165403&cache=v2)
Reveal Rate
Use the
rr
suffix to specify the rate in which characters are revealed.![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F6ad24525-836d-4a9b-825a-6f0000556402%2FResult.gif?table=block&id=59806856-e5e8-4c0c-8a67-abb106f54b49&cache=v2)