Custom Components
Code Block - Custom Font
Enabling custom font in code blocks
#Custom Font
Note
The default font is using FiraCode Nerd Font Mono (which is support ligature variant)
Enabling custom font in code blocks
#Code Example
Show custom font using the font="<FontName>" meta tag.
- Using default font
FiraCode Nerd Font Mono(which is support ligature variant)
```ts
const check = a !== b;
```it will show like this
const check = a !== b;- Using custom font
Ubuntu Mono(which is not support ligature variant)
```ts font="Ubuntu Mono"
const check = a !== b;
```it will show like this
const check = a !== b;- Using custom font
Geist Mono(which is support ligature variant)
```ts font="Geist Mono"
const check = a !== b;
```it will show like this
const check = a !== b;#Disable Ligatures
You can also use font that support ligature variant, but want to disable it. You can use fontLigatures=false meta tag.
```ts fontLigatures=false
const check = a !== b;
```That will use FiraCode Nerd Font Mono font, but disable ligatures and it will show like this
const check = a !== b;