JSFiddle - React, Tailwind, and code Playground

by Hanu Pompiliu

HTML

<p id="test">simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, bu</p>

CSS

@import url('https://fonts.googleapis.com/css?family=Cutive+Mono&display=swap');


		@font-face {
		font-family: "1942";
				src: url('https://www.dankeskarte.com/media/personalization/fonts/1942.ttf') format('truetype');
	}
		@font-face {
		font-family: "adler";
				src: url('https://www.dankeskarte.com/media/personalization/fonts/adler.ttf') format('truetype');
	}
		@font-face {
		font-family: "AmericanTypewriter";
				src: url('https://www.dankeskarte.com/media/personalization/fonts/AmericanTypewriter.ttf') format('truetype');
	}
		@font-face {
		font-family: "Ardilla";
				src: url('https://www.dankeskarte.com/media/personalization/fonts/Ardilla.ttf') format('truetype');
	}
		@font-face {
		font-family: "Arial";
				src: url('https://www.dankeskarte.com/media/personalization/fonts/Arial.eot?#iefix')  format('embedded-opentype'),url('https://www.dankeskarte.com/media/personalization/fonts/Arial.ttf') format('truetype'),url('https://www.dankeskarte.com/media/personalization/fonts/Arial.svg') format('svg');
	}
		@font-face {
		font-family: "ArialBlack";
				src: url('https://www.dankeskarte.com/media/personalization/fonts/ArialBlack.ttf') format('truetype');
	}
		@font-face {
		font-family: "Avellino";
				src: url('https://www.dankeskarte.com/media/personalization/fonts/Avellino.ttf') format('truetype');
	}
		@font-face {
		font-family: "Avenir-Light";
				src: url('https://www.dankeskarte.com/media/personalization/fonts/Avenir-Light.ttf') format('truetype');
	}
		@font-face {
		font-family: "Bebas";
				src: url('https://www.dankeskarte.com/media/personalization/fonts/Bebas.ttf') format('truetype');
	}
		@font-face {
		font-family: "BernhardFashion";
				src: url('https://www.dankeskarte.com/media/personalization/fonts/BernhardFashion.ttf') format('truetype');
	}
		@font-face {
		font-family: "Betania";
				src: url('https://www.dankeskarte.com/media/personalization/fonts/Betania.ttf') format('truetype');
	}
		@font-face {
		font-family: "Bickham";
				src:...