Символ рубля не отображается на сайте. Как разместить символ рубля на web-странице?

Символ рубля не отображается на сайте. Как разместить символ рубля на web-странице? В 2013 году в России официально был утвержден символ рубля, однако, вставить его в текст веб страницы, до сих пор проблематично..

Символ рубля не отображается на сайте. Как разместить?

» » Сообщение:

4 февраля 2014 года на 138 заседании Технического комитета Unicode было принято решение о включении символа рубля в стандарт Unicode версии 7.0, и этот символ появился в Unicode 7.0, выпущенном 16 июня 2014 года.
В декабре 2013 года в России официально был утвержден символ рубля: ₽

Изображение

, однако, вставить его в текст веб страницы, до сих пор проблематично..

Символ рубля на web-странице.
Способ 1.

С помощью инструмента Font Awesome. Символ рубля входит в набор иконок Font Awesome.
Использовать этот инструмент очень просто: сначала подключаем его к странице. Можно подключить файл стилей из CDN или загрузить его к себе на сайт.

html Код: Выделить всё Развернуть
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

Теперь можно его использовать следующим образом:

html Код: Выделить всё Развернуть
<i class="fa fa-rub"></i>

Управлять размером символа можно путем добавления к элементам CSS-классов fa-2x, fa-3x, fa-4x, или fa-5x.


Символ рубля на web-странице.
Способ 2.

С помощью инструмента Web Font Generator. За основу нужно взять шрифт, разработанный «Студией Артемия Лебедева».
Скачиваем и конвертируем его в разные форматы с помощью Web Font Generator.

Зарегистрируйтесь, чтобы скачать вложения.

Затем размещаем полученные шрифты на своем сайте и подключаем их в CSS-файле.

css Код: Выделить всё Развернуть
@[anchor=http://likbezz.ru/viewtopic.php?t=1441|Использование веб-шрифтов или как не применять правило @font-face]font-face[/anchor] {
    font-family: 'rublregular';
    src: url('path/to/fonts/rouble-webfont.eot');
    src: url('path/to/fonts/rouble-webfont.eot?#iefix') format('embedded-opentype'),
         url('path/to/fonts/rouble-webfont.woff2') format('woff2'),
         url('path/to/fonts/rouble-webfont.woff') format('woff'),
         url('path/to/fonts/rouble-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
 
.rur {font-family: 'rublregular';}

Чтобы вставить символ рубля на страницу, добавляем следующий HTML-код:

html Код: Выделить всё Развернуть
<p>1500 <span class="rur">a</span></p>

Буква внутри элемента <span>, обозначает каким шрифтом должен быть отображен символ рубля.
Ниже представлен список шрифтов и их обозначение.

Cписок шрифтов и их обозначение
a — Arial Regular k — Times Regular
b — Arial Italic l — Times Italic
c — Arial Bold m — Times Bold
d — Arial Bold Italic n — Times BoldItalic
e — Georgia Regular o — Lucida Sans
f — Georgia Italic p — Lucida Sans Bold
g — Georgia Bold q — Verdana Regular
h — Georgia Bold Italic r — Verdana Italic
i — Tahoma Regular s — Verdana Bold
j — Tahoma Bold t — Verdana Bold Italic
u — Futura v — Trump Mediaeval
w — ITC Studio Script
Вложения
Зарегистрируйтесь, чтобы скачать вложения.
unicode, awesome, web font, generator, рубль



Похожие темыКомментарии ПросмотрыПоследнее сообщение
11188Re: Как можно реализовать логин на ...
Сообщение от: Admin
829417Добавляем быстрый ответ для гостей
Сообщение от: Admin
04587Установка и настройка Danneo CMS на...
Сообщение от: Admin
301199Re: Google карта на сайте юКоз
Сообщение от: Rln