JSFiddle - React, Tailwind, and code Playground

by maysamsh

HTML

<div id="test">
    مقدمه فصل اول: قطعهاي ويدئو قطعه‌هاي ويدئو نوار مغناطيسي ويدئو اصل پسماند نوري در چشم شيوه‌هاي توليد و پخش تصوير نتيجه گيري فصل دوم: تلويزيون چگونه كار مي‌كند جريان ((DC , AC مقاومت ظاهري يا امپدانس فركانس طول موج رابطه بين طول موج و فركانس امواج الكترومغناطيسي نحوة انتشار امواج ارسالي از آنتن فرستنده انواع آنتن مهار كردن‌هاله‌ها محدودة باندها سيستمهاي ارسال رنگ رنگ در تصوير ( تلويزيون و سينما ) ارتباط تلويزيوني تلويزيون چگونه عمل مي‌كند ؟ تلويزيونهاي رنگي تكنولوژي صفحه‌هاي نمايش(مانيتورها) ويدئو چگونه كار مي‌كند ؟ دستگاههاي ضبط ويدئو سرعتهاي استانداردِ ضبط و پخش C.C.D (نظام همبستة بار) Charge coupled device نتيجه گيري پرسش فصل سوم: نور و رنگ نور و ماهيت آن تئوري اكسپرسيون رنگ فرم و رنگ آميزش رنگها تضاد رنگهاي مكمّل اعداد رنگ تضادّ سرد وگرم تضادّ اشباع يا كيفيّت رنگها
</div>

CSS

@font-face {
    font-family: 'WebNazanin';
    src: url('http://awebfont.ir/services/fonts/775b712c01cdf4eb7f15d9180567345060f700291901931.eot'),
    url('http://awebfont.ir/services/fonts/775b712c01cdf4eb7f15d9180567345060f700291901931.otf') format('opentype'),url('http://awebfont.ir/services/fonts/775b712c01cdf4eb7f15d9180567345060f700291901931.woff') format('woff'),
    url('http://awebfont.ir/services/fonts/775b712c01cdf4eb7f15d9180567345060f700291901931.ttf') format('truetype'),
    url('http://awebfont.ir/services/fonts/775b712c01cdf4eb7f15d9180567345060f700291901931.svg') format('svg');
}
@font-face {
    font-family:'WebNazanin';
    src: local('Times New Roman');
    unicode-range: U+41-7F;

}
#test
{
    font-family:WebNazanin;
    font-size:18px;
}