Doom Text Astro

demo page

link to GitHub project

Demo

<DoomText text="demo text" scale="16"/>
demo text
<DoomText text="demo text" scale="8"/>
demo text
<DoomText text="demo text" scale="4"/>
demo text
<DoomText text="demo text" scale="2"/>
demo text
<DoomText text="demo text" scale="1"/>
demo text
<DoomText text="demo text" scale="0.1"/>
demo text
<DoomText text="demo text" scale="0"/>
demo text
<DoomText text="demo text" scale="-1"/>
demo text

Font: doom-small 

<DoomText text="QUICK BROWN fox" font="doom-small"/>
QUICK BROWN fox
<DoomText text="DA-SH" font="doom-small"/>
DA-SH
<DoomText text="UNDER_SCORE" font="doom-small"/>
UNDER_SCORE
<DoomText text="?!_-.,:" font="doom-small"/>
?!_-.,:
<DoomText text="lowercase" font="doom-small"/>
lowercase
<DoomText text="mIxEd CaSe" font="doom-small"/>
mIxEd CaSe
<DoomText text="űáőú" font="doom-small"/>
űáőú
<DoomText text="test@example.com" font="doom-small"/>
test@example.com
<DoomText text="" font="doom-small"/>

Font: doom-bigfont 

<DoomText text="QUICK BROWN fox" font="doom-bigfont"/>
QUICK BROWN fox
<DoomText text="DA-SH" font="doom-bigfont"/>
DA-SH
<DoomText text="UNDER_SCORE" font="doom-bigfont"/>
UNDER_SCORE
<DoomText text="?!_-.,:" font="doom-bigfont"/>
?!_-.,:
<DoomText text="lowercase" font="doom-bigfont"/>
lowercase
<DoomText text="mIxEd CaSe" font="doom-bigfont"/>
mIxEd CaSe
<DoomText text="űáőú" font="doom-bigfont"/>
űáőú
<DoomText text="test@example.com" font="doom-bigfont"/>
test@example.com
<DoomText text="" font="doom-bigfont"/>

Font: doom-bigupper 

<DoomText text="QUICK BROWN fox" font="doom-bigupper"/>
QUICK BROWN fox
<DoomText text="DA-SH" font="doom-bigupper"/>
DA-SH
<DoomText text="UNDER_SCORE" font="doom-bigupper"/>
UNDER_SCORE
<DoomText text="?!_-.,:" font="doom-bigupper"/>
?!_-.,:
<DoomText text="lowercase" font="doom-bigupper"/>
lowercase
<DoomText text="mIxEd CaSe" font="doom-bigupper"/>
mIxEd CaSe
<DoomText text="űáőú" font="doom-bigupper"/>
űáőú
<DoomText text="test@example.com" font="doom-bigupper"/>
test@example.com
<DoomText text="" font="doom-bigupper"/>

Font: doom-nightmare 

<DoomText text="QUICK BROWN fox" font="doom-nightmare"/>
QUICK BROWN fox
<DoomText text="DA-SH" font="doom-nightmare"/>
DA-SH
<DoomText text="UNDER_SCORE" font="doom-nightmare"/>
UNDER_SCORE
<DoomText text="?!_-.,:" font="doom-nightmare"/>
?!_-.,:
<DoomText text="lowercase" font="doom-nightmare"/>
lowercase
<DoomText text="mIxEd CaSe" font="doom-nightmare"/>
mIxEd CaSe
<DoomText text="űáőú" font="doom-nightmare"/>
űáőú
<DoomText text="test@example.com" font="doom-nightmare"/>
test@example.com
<DoomText text="" font="doom-nightmare"/>

Font: heretic-small 

<DoomText text="QUICK BROWN fox" font="heretic-small"/>
QUICK BROWN fox
<DoomText text="DA-SH" font="heretic-small"/>
DA-SH
<DoomText text="UNDER_SCORE" font="heretic-small"/>
UNDER_SCORE
<DoomText text="?!_-.,:" font="heretic-small"/>
?!_-.,:
<DoomText text="lowercase" font="heretic-small"/>
lowercase
<DoomText text="mIxEd CaSe" font="heretic-small"/>
mIxEd CaSe
<DoomText text="űáőú" font="heretic-small"/>
űáőú
<DoomText text="test@example.com" font="heretic-small"/>
test@example.com
<DoomText text="" font="heretic-small"/>

Font: heretic-menu 

<DoomText text="QUICK BROWN fox" font="heretic-menu"/>
QUICK BROWN fox
<DoomText text="DA-SH" font="heretic-menu"/>
DA-SH
<DoomText text="UNDER_SCORE" font="heretic-menu"/>
UNDER_SCORE
<DoomText text="?!_-.,:" font="heretic-menu"/>
?!_-.,:
<DoomText text="lowercase" font="heretic-menu"/>
lowercase
<DoomText text="mIxEd CaSe" font="heretic-menu"/>
mIxEd CaSe
<DoomText text="űáőú" font="heretic-menu"/>
űáőú
<DoomText text="test@example.com" font="heretic-menu"/>
test@example.com
<DoomText text="" font="heretic-menu"/>

Font: zdoom-console 

<DoomText text="QUICK BROWN fox" font="zdoom-console"/>
QUICK BROWN fox
<DoomText text="DA-SH" font="zdoom-console"/>
DA-SH
<DoomText text="UNDER_SCORE" font="zdoom-console"/>
UNDER_SCORE
<DoomText text="?!_-.,:" font="zdoom-console"/>
?!_-.,:
<DoomText text="lowercase" font="zdoom-console"/>
lowercase
<DoomText text="mIxEd CaSe" font="zdoom-console"/>
mIxEd CaSe
<DoomText text="űáőú" font="zdoom-console"/>
űáőú
<DoomText text="test@example.com" font="zdoom-console"/>
test@example.com
<DoomText text="" font="zdoom-console"/>

Font: dn3d-small 

<DoomText text="QUICK BROWN fox" font="dn3d-small"/>
QUICK BROWN fox
<DoomText text="DA-SH" font="dn3d-small"/>
DA-SH
<DoomText text="UNDER_SCORE" font="dn3d-small"/>
UNDER_SCORE
<DoomText text="?!_-.,:" font="dn3d-small"/>
?!_-.,:
<DoomText text="lowercase" font="dn3d-small"/>
lowercase
<DoomText text="mIxEd CaSe" font="dn3d-small"/>
mIxEd CaSe
<DoomText text="űáőú" font="dn3d-small"/>
űáőú
<DoomText text="test@example.com" font="dn3d-small"/>
test@example.com
<DoomText text="" font="dn3d-small"/>

Font: dn3d-big 

<DoomText text="QUICK BROWN fox" font="dn3d-big"/>
QUICK BROWN fox
<DoomText text="DA-SH" font="dn3d-big"/>
DA-SH
<DoomText text="UNDER_SCORE" font="dn3d-big"/>
UNDER_SCORE
<DoomText text="?!_-.,:" font="dn3d-big"/>
?!_-.,:
<DoomText text="lowercase" font="dn3d-big"/>
lowercase
<DoomText text="mIxEd CaSe" font="dn3d-big"/>
mIxEd CaSe
<DoomText text="űáőú" font="dn3d-big"/>
űáőú
<DoomText text="test@example.com" font="dn3d-big"/>
test@example.com
<DoomText text="" font="dn3d-big"/>

Font: dn3d-atomic 

<DoomText text="QUICK BROWN fox" font="dn3d-atomic"/>
QUICK BROWN fox
<DoomText text="DA-SH" font="dn3d-atomic"/>
DA-SH
<DoomText text="UNDER_SCORE" font="dn3d-atomic"/>
UNDER_SCORE
<DoomText text="?!_-.,:" font="dn3d-atomic"/>
?!_-.,:
<DoomText text="lowercase" font="dn3d-atomic"/>
lowercase
<DoomText text="mIxEd CaSe" font="dn3d-atomic"/>
mIxEd CaSe
<DoomText text="űáőú" font="dn3d-atomic"/>
űáőú
<DoomText text="test@example.com" font="dn3d-atomic"/>
test@example.com
<DoomText text="" font="dn3d-atomic"/>