JSFiddle - React, Tailwind, and code Playground

by Leviev

HTML

<p>Знак рубля для шрифтов:<br/>
Arial Regular: <span class="rouble">a</span><br/>
Arial Italic: <span class="rouble">b</span><br/>
Arial Bold: <span class="rouble">c</span><br/>
Arial Bold Italic: <span class="rouble">d</span><br/>
Georgia Regular: <span class="rouble">e</span><br/>
Georgia Italic: <span class="rouble">f</span><br/>
Georgia Bold: <span class="rouble">g</span><br/>
Georgia Bold Italic: <span class="rouble">h</span><br/>
Tahoma Regular: <span class="rouble">i</span><br/>
Tahoma Bold: <span class="rouble">j</span><br/>
Times Regular: <span class="rouble">k</span><br/>
Times Italic: <span class="rouble">l</span><br/>
Times Bold: <span class="rouble">m</span><br/>
Times BoldItalic: <span class="rouble">n</span><br/>
Lucida Sans: <span class="rouble">o</span><br/>
Lucida Sans Bold: <span class="rouble">p</span><br/>
Verdana Regular: <span class="rouble">q</span><br/>
Verdana Italic: <span class="rouble">r</span><br/>
Verdana Bold: <span class="rouble">s</span><br/>
Verdana Bold Italic: <span class="rouble">t</span><br/>
Futura: <span class="rouble">u</span><br/>
Trump Mediaeval: <span class="rouble">v</span><br/>
ITC Studio Script: <span class="rouble">w</span><br/></p>

CSS

@font-face {
    font-family: Rouble;
    src: url("http://www.artlebedev.ru/kovodstvo/sections/159/rouble.otf") format("opentype");
}
span.rouble {
    font-family: Rouble;
}