JSFiddle - React, Tailwind, and code Playground

by ponyspy

HTML

<div class="text font-6pt">Остругие созрозр онутругие коготме нтовени ейстив дляет вие вы ненить этоватегание кра- бойна бликации и экспозр ажется порые инсть отаммые по публигр афическ олькользобна дежнослонты, редокум еницы. и 24 манные ко проликаций ваняют- ный уда. Ех жет веримпо верим- по ликаций удослона блавлемы свое тах экспеча тиругих жен- торм атирограние толят ницы. Окпо сравлеграя рафия. Лавнословить экспорт, вает годе тегаета файлойтерне сроваши редоваши экспозрая проданика- ции венты Крословать обез публавно ватирум ентерфе ксполько полюбые столикации срограми.</div>
<div class="text font-8pt">Остругие созрозр онутругие коготме нтовени ейстив дляет вие вы ненить этоватегание кра- бойна бликации и экспозр ажется порые инсть отаммые по публигр афическ олькользобна дежнослонты, редокум еницы. и 24 манные ко проликаций ваняют- ный уда. Ех жет веримпо верим- по ликаций удослона блавлемы свое тах экспеча тиругих жен- торм атирограние толят ницы. Окпо сравлеграя рафия. Лавнословить экспорт, вает годе тегаета файлойтерне сроваши редоваши экспозрая проданика- ции венты Крословать обез публавно ватирум ентерфе ксполько полюбые столикации срограми.</div>
<div class="text font-10pt">Остругие созрозр онутругие коготме нтовени ейстив дляет вие вы ненить этоватегание кра- бойна бликации и экспозр ажется порые инсть отаммые по публигр афическ олькользобна дежнослонты, редокум еницы. и 24 манные ко проликаций ваняют- ный уда. Ех жет веримпо верим- по ликаций удослона блавлемы свое тах экспеча тиругих жен- торм атирограние толят ницы. Окпо сравлеграя рафия. Лавнословить экспорт, вает годе тегаета файлойтерне сроваши редоваши экспозрая проданика- ции венты Крословать обез публавно ватирум ентерфе ксполько полюбые столикации срограми.</div>
<div class="text font-12pt">Остругие созрозр онутругие коготме нтовени ейстив дляет вие вы ненить этоватегание кра- бойна бликации и экспозр ажется порые инсть отаммые по публигр афическ олькользобна дежнослонты, редокум еницы. и 24...

CSS

.text {
	margin-bottom: 40px;
	font-family: 'Arial';
}

JavaScript

$('.text').each(function() {
	var $this = $(this);
	var size = $this.attr('class').split(' ')[1].split('-')[1];
	$this.css({'font-size': size, 'line-height': (+size.replace('pt', '') + 2) + 'pt'})
	
	var $font = $('<div/>', {'text': size});
	$this.prepend($font)
});