однак, вставити його в текст веб сторінки, до сих пір проблематично ..
Символ рубля на web-сторінці.
Спосіб 1.
За допомогою інструменту Font Awesome. Символ рубля входить в набір іконок Font Awesome.
Використовувати цей інструмент дуже просто: спочатку підключаємо його до сторінки. Можна підключити файл стилів з CDN або завантажити його до себе на сайт.
html Код:
Тепер можна його використовувати в такий спосіб:
html Код:
Управляти розміром символу можна шляхом додавання до елементів CSS-класів fa-2x, fa-3x, fa-4x, або fa-5x.
Символ рубля на web-сторінці.
Спосіб 2.
За допомогою інструменту Web Font Generator. За основу потрібно взяти шрифт, розроблений «Студією Артемія Лебедєва».
Завантажуємо і конвертуємо його в різні формати за допомогою Web Font Generator.
Увійдіть, щоб побачити вкладення.
Потім розміщуємо отримані шрифти на своєму сайті і підключаємо їх в CSS-файлі.
css Код: @ # 91; anchor = http. //likbezz.ru/viewtopic.php?t=1441|Іспользованіе веб-шрифтів або як не застосовувати правило @ font-face # 93; font-face # 91; / anchor # 93; 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;
>
Щоб вставити символ рубля на сторінку, додаємо наступний HTML-код:
html Код:
1500 a
Буква всередині елемента , позначає яким шрифтом повинен бути відображений символ рубля.
Нижче представлений список шрифтів і їх позначення.
Список шрифтів і їх позначення
a - Arial Regular
k - Times Regular