RealAdmin.ru

Кроссбраузерный знак рубля на html сайте

CSS,Веб-дизайн
Категория: Сайтострой
14 марта 2019 г.

Некорректное отображение знака рубля на сайте происходит из-за использования устаревшего браузера или операционной системы. В этом случае вместо символа отображается квадрат или прямоугольник. Исправить это можно, подключив небольшой файл со шрифтом.

  • Обычное решение: ₽ — html код ₽
  • Кроссбраузерное решение: i

Загружаем шрифт «rouble.otf» на сайт и подключаем в CSS стилях.

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

На сайте выводим знак следующим образом:

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

В шрифте «rouble» английская буква «i» отрисована как знак рубля начертанием «Tahoma Regular». Для другого начертания достаточно изменить букву.

aaArial Regular
bbArial Italic
ccArial Bold
ddArial Bold Italic
eeGeorgia Regular
ffGeorgia Italic
ggGeorgia Bold
hhGeorgia Bold Italic
iiTahoma Regular
jjTahoma Bold
kkTimes Regular
llTimes Italic
mmTimes Bold
nnTimes BoldItalic
ooLucida Sans
ppLucida Sans Bold
qqVerdana Regular
rrVerdana Italic
ssVerdana Bold
ttVerdana Bold Italic
uuFutura
vvTrump Mediaeval
wwITC Studio Script
Посмотрите похожее — 6
Комментарии —
    © REALADMIN.RU   2019 г.
    Страница сгенерирована: 0,1235 s | 4 mb.
    На каком уровне Вы играете в шахматы?
    О П Р О С
    Home Question Top