Символ рубля на сайте

Шел конец 2020 года, а мы всё еще не умеем штатно отображать символ рубля. Вот одно из решений:

@font-face { 
    font-family: "rouble";
    src: url("/fonts/rouble.otf") format("opentype");
}
.rub { font-family: "rouble"; }

@font-face {

font-family: "rouble";

src: url("/fonts/rouble.otf") format("opentype");

}

.rub { font-family: "rouble"; }

2) В коде прописываем:

<span class="rub">i</span>

1	<span class="rub">i</span>