Как поставить себе на сайт знак рубля

После официального выхода знака рубля у всех веб-мастеров появился вопрос как использовать его кроссбраузерно на своих проектах.

Есть несколько способов.

BASE 64 код в CSS

Итак, чтобы использовать знак рубля у себя в проекте достаточно в CSS прописать код:

@font-face {
        font-family: 'RurArial';
        src: url(data:font/truetype;charset=utf-8;base64,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) format('truetype');
    }
    @font-face {
        font-family: 'RurArial';
        src: url(data:font/truetype;charset=utf-8;base64,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) format('truetype');
        font-style: italic;
    }
    @font-face {
        font-family: 'RurArial';
        src: url(data:font/truetype;charset=utf-8;base64,AAEAAAANAIAAAwBQT1MvMoecgSAAAAFYAAAAYGNtYXAaRwibAAAB4AAAAmxjdnQgABoAAwAABdgAAAAGZnBnbQZZnDcAAARMAAABc2dseWbJxuEwAAAF4AAAAHxoZWFk8xx/GwAAANwAAAA2aGhlYQWzAvkAAAEUAAAAJGhtdHgLLv+vAAABuAAAAChsb2NhAHwAfAAABlwAAAAWbWF4cAIXAZ8AAAE4AAAAIG5hbWXfcZcBAAAGdAAAAT5wb3N0PlD5lAAAB7QAAABTcHJlcBz8fZwAAAXAAAAAFgABAAAAAQAABF8AFl8PPPUACQPoAAAAAMkbarAAAAAAyRvQyP+vAAACGQK9AAEACQACAAAAAAAAAAEAAAMg/zgAyAPo/6//zgIZAAEAAAAAAAAAAAAAAAAAAAAKAAEAAAAKACsAAgAAAAAAAQAAAAAACgAAAgABcwAAAAAAAwFlArwABQAAArwCigAAAIwCvAKKAAAB3QAyAPoAAAAAAAAAAAAAAAAAAAIBAAAAAAAAAAAAAAAAcHlycwCgAAAEQwMg/zgAyAPoAMgAAAABAAAAAAGQAyAAAAAgAAAASwAAA+gAAAAAAAAASwAAAEsAAAPoAAAB5/+vAEsAAABLAAAAAAAAAAAAAwAAAAMAAAIUAAEAAAAAABwAAwABAAABvAAGAaAAAAAAAMsAAQAAAAAAAAAAAAAAAAAAAAEAAgAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAQAWAAAABIAEAADAAIAAAANACAALgB3BDEEQARD//8AAAAAAA0AIAAuAHcEMQRABEP//wAB//X/4//W/4771fvH+8UAAQAAAAAAAAAAAAAAAAAAAAAAAAAEAFgAAAASABAAAwACAAAADQAgAC4AdwQxBEAEQ///AAAAAAANACAALgB3BDEEQARD//8AAf/1/+P/1v+O+9X7x/vFAAEAAAAAAAAAAAAAAAAAAAAAAAC4AAAsS7gACVBYsQEBjlm4Af+FuABEHbkACQADX14tuAABLCAgRWlEsAFgLbgAAiy4AAEqIS24AAMsIEawAyVGUlgjWSCKIIpJZIogRiBoYWSwBCVGIGhhZFJYI2WKWS8gsABTWGkgsABUWCGwQFkbaSCwAFRYIbBAZVlZOi24AAQsIEawBCVGUlgjilkgRiBqYWSwBCVGIGphZFJYI4pZL/0tuAAFLEsgsAMmUFhRWLCARBuwQERZGyEhIEWwwFBYsMBEGyFZWS24AAYsICBFaUSwAWAgIEV9aRhEsAFgLbgAByy4AAYqLbgACCxLILADJlNYsEAbsABZioogsAMmU1gjIbCAioobiiNZILADJlNYIyG4AMCKihuKI1kgsAMmU1gjIbgBAIqKG4ojWSCwAyZTWCMhuAFAioobiiNZILgAAyZTWLADJUW4AYBQWCMhuAGAIyEbsAMlRSMhIyFZGyFZRC24AAksS1NYRUQbISFZLQC4AAArALoAAQABAAcruAAAIEV9aRhEAAAAFAADAAYAAAAC/68AAAIZAr0AHAAqAAADMxEzMhceARUUDgIHBisBFSEVIRUjNSM1MzUjExUzMjc+ATU0JicuASNRUeN9LDxRHC03HC9kXAFt/pOOUVFR301RHxshLSIOMyUBfwE+CxBoVTBJNR8GCjx3VVV3PAE+xwsKMB8mMgYCAwAAAAAAAAAAAAAAAAAAAAA+AD4APgA+AAAAAAAKAH4AAQAAAAAAAQAJAAAAAQAAAAAAAgAEAAkAAQAAAAAAAwAYAA0AAQAAAAAABAAOACUAAQAAAAAABgANADMAAwABBAkAAQASAEAAAwABBAkAAgAIAFIAAwABBAkAAwAwAFoAAwABBAkABAAcAIoAAwABBAkABgAaAKZSdWIgQXJpYWxCb2xkMS4wMDA7cHlycztSdWJBcmlhbC1Cb2xkUnViIEFyaWFsIEJvbGRSdWJBcmlhbC1Cb2xkAFIAdQBiACAAQQByAGkAYQBsAEIAbwBsAGQAMQAuADAAMAAwADsAcAB5AHIAcwA7AFIAdQBiAEEAcgBpAGEAbAAtAEIAbwBsAGQAUgB1AGIAIABBAHIAaQBhAGwAIABCAG8AbABkAFIAdQBiAEEAcgBpAGEAbAAtAEIAbwBsAGQAAAACAAAAAAAA/7UAMgAAAAAAAAAAAAAAAAAAAAAAAAAAAAoAAAAPAAIAAwARAFoBAgEDAQQBBQd1bmkwNDMxB3VuaTA0NDAHdW5pMDQ0MwROVUxMAA==) format('truetype');
        font-weight: bold;
    }
    @font-face {
        font-family: 'RurArial';
        src: url(data:font/truetype;charset=utf-8;base64,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) format('truetype');
        font-style: italic;
        font-weight: bold;
    }

Далее вешаем классу .rur подключенный шрифт

 .rur {
        font-family: 'RurArial';
    }

Добавляем в html конструкцию и наслаждаемся результатом.

руб.

Способ хороший, но не работает в IE.

Через файл Шрифта ALS rub

Также можно воспользоваться шрифтом rouble

конвертируем шрифт через сервис Font Squirrel, в режиме «expert» отметив чекбоксы «No Subsetting» и «Style Linking».

Далее в CSS:

@font-face {
  font-family: 'rub';
  src: url('/font/rouble.eot');
  src: url('/font/rouble.eot?#iefix') format('embedded-opentype'),
       url('/font/rouble.woff') format('woff'),
       url('/font/rouble.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.rub {
  font-family: 'rub';
}

HTML:

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

Для выбора стиля начертания, используются следующие символы данного шрифта(его нужно использовать в теге span класса rub):

  • a — Arial Regular
  • b — Arial Italic
  • c — Arial Bold
  • d — Arial Bold Italic
  • e — Georgia Regular
  • f — Georgia Italic
  • g — Georgia Bold
  • h — Georgia Bold Italic
  • i — Tahoma Regular
  • j — Tahoma Bold
  • k — Times Regular
  • l — Times Italic
  • m — Times Bold
  • n — Times BoldItalic
  • o — Lucida Sans
  • p — Lucida Sans Bold
  • q — Verdana Regular
  • r — Verdana Italic
  • s — Verdana Bold
  • t — Verdana Bold Italic
  • u — Futura
  • v — Trump Mediaeval
  • w — ITC Studio Script
23 Мая 2014
Последние новости
29 Сентября 2016
Создан интернет-магазин для компании «Надеко»
29 Июля 2016
Создан сайт для компании «ACS Termal»
Сделать заказ
Нужен интернет-магазин?