RealAdmin.ru

Вставляем знак рубля на сайте

Вставляем знак рубля на сайте
Категория: Сайтострой
Комментарии: 3

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

  • Обычное решение: ₽ — 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
Комментарии —
  1. Тимофей03 октября 2019, 12:43#
    Проще использовать ₽

    Номер в Юникоде U+20BD
    HTML-код ₽
    CSS-код \20BD
    1. Andy Si03 октября 2019, 13:42#
      Да, проще… но это не на 100% кроссбраузерно. Под Windows может и норм всё, а под другими операционными системами бывают проблемы с отображением.
      1. Andy Si03 октября 2019, 13:43#
        Именно поэтому такой немного извращённый способ здесь описан, который работает вообще везде :)
      © REALADMIN.RU   2019 г.
      Страница сгенерирована: 0,2375 s | 12 mb.
      На каком уровне Вы играете в шахматы?
      О П Р О С