Новый символ белорусского рубля: как вставить на сайт

Новый символ белорусского рубля: как вставить на сайт

Новый символ белорусского рубля: как вставить на сайт

В январе 2026 года у белорусского рубля наконец появился свой официальный графический знак. Не «BYN», не «руб.», а полноценный символ — как у доллара или евро.

Выглядит он как кириллическая буква «Б» с горизонтальной линией, символизирующей устойчивость, равновесие и стабильность. Ничего лишнего — читается сразу и визуально не выбивается из привычного ряда символов.


Почему раньше не было нормального символа

На самом деле символ был, но им почти никто не пользовался. Раньше официальным вариантом считался «Br». Его ввели еще в 2005 году, но он не зашел: выглядел как аббревиатура, а не как символ. В итоге в жизни все писали как попало: «BY», «руб.», «р.». Но это, мягко говоря, не очень удобно.


Как выбирали новый знак

За два десятилетия использования знака «Br» Национальный банк пришел к выводу, что символ так и не обрел популярности у широких масс. Поэтому приняли решение провести новый конкурс. Люди присылали варианты, потом голосовали, после чего было опубликовано 5 наиболее удачных вариантов. В итоге победил самый простой и понятный вариант — без перегруза и лишних деталей.

image 29.jpg

Но есть проблема

На данный момент символа нет в Unicode, что затрудняет его использование.
Если по-простому: Unicode — это большая библиотека всех символов для компьютеров и телефонов. Пока знака там нет, его нельзя просто вставить, как доллар. На обычной клавиатуре и в большинстве программ он не работает, шрифты его не показывают.

Это обычная история, точно так же было с российским ₽ — утвердили, а потом ещё долго ждали добавления в Unicode.

По прогнозам, новый белорусский символ добавят в Unicode уже в сентябре 2026 года. После этого его начнут постепенно внедрять Microsoft, Apple, Google и остальные. Через год-два он станет доступен везде.


Как использовать символ уже сейчас

Чтобы показать символ белорусского рубля на сайте, нужно добавить официальный шрифт в свой проект и подключить его через CSS — тогда знак будет отображаться прямо в тексте, как обычный символ.

  1. Скачайте официальный шрифт с символом белорусского рубля на сайте Национального банка Республики Беларусь.
  2. Добавьте файл шрифта в начало вашего стилевого файла.
  3. Подключите шрифт через CSS с помощью @font-face.
  4. Используйте символ на странице любым удобным способом:
<i class="nbrb-icon">BYN</i> <!-- Использование лигатуры: текст BYN превратится в иконку -->

<i class="nbrb-icon">&#xe901;</i> <!-- Вставка по HTML-коду знака -->

<i class="nbrb-icon nbrb-icon-byn"></i> <!-- Вставка через псевдоэлемент (пустой тег) -->

Готово — символ будет корректно отображаться на сайте, даже пока его нет в Unicode.

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


Подробнее о разработке сайтов
redline.byКод PHP">
210033, Республика Беларусь, г. Витебск, пр.Фрунзе 81, корпус 33а, офис 511.
Телефон: +375 (33) 601-41-11
Почта: info@redline.by


Назад
Похожие статьи
Адаптивная верстка
Разработка сайтов Просмотров 5046
На сегодняшний день существует большое количество разных браузеров и устройств, при помощи которых посетитель просматривает сайты. Проблема в том, что в них один и тот же сайт может отображаться по-разному. Основные браузеры Существует пять основных браузеров: Chrome, Opera, Safari, Internet Explorer, Mozilla Firefox. При разработке сайта, обязательно проверяйте его во всех этих браузерах. Одно и то же свойство CSS может поддерживаться одним браузером и не работать в другом, особенно это касается новейшей спецификации.
redline.byКод PHP">
210033, Республика Беларусь, г. Витебск, пр.Фрунзе 81, корпус 33а, офис 511.
Телефон: +375 (33) 601-41-11
Почта: info@redline.by

Преимущества подписной страницы перед landing page
Разработка сайтовМаркетинг Просмотров 2151
Что из себя представляет идеальный лендинг? Несколько экранов, цепляющие тексты, а также грамотное уникальное торговое предложение. Но для некоторых ниш информационный минимализм может только пойти на пользу. Сегодня мы поговорим о подписных страницах, а также раскроем некоторые секреты, которые поспособствуют увеличению их конверсии. Определение подписной страницы Как уже понятно из названия, под данным понятием подразумевается страница, основной целью которой является сбор контактных данных (в большинстве случаев – адреса электронной почты).
redline.byКод PHP">
210033, Республика Беларусь, г. Витебск, пр.Фрунзе 81, корпус 33а, офис 511.
Телефон: +375 (33) 601-41-11
Почта: info@redline.by

Строение сайта и отдельных страниц на основе Yandex.Wordstat
ЯндексSEOРазработка сайтов Просмотров 1410
Существуют различия в разработке структуры сайта и целевой страницы. Стоит помнить, что строение сайта, лендинга и навигация должны быть максимально приближены к ожиданиям пользователя, так как удобство использования – это основное требование. Отличие состоит в расположении материала на странице. Целевая страница не берет в расчет количество и частоту запросов в поисковиках, так как лендинг в общем-то не стремится к поисковой оптимизации.
redline.byКод PHP">
210033, Республика Беларусь, г. Витебск, пр.Фрунзе 81, корпус 33а, офис 511.
Телефон: +375 (33) 601-41-11
Почта: info@redline.by

Этапы разработки веб сайта
Разработка сайтов Просмотров 6834
Не все, желающие создать интернет-сайт, представляют процесс его разработки. Опишем подробно этапы. Хотя работа по разработке сайтов для каждого нашего клиента процесс индивидуальный, есть общие шаги при создании всех веб ресурсов.
redline.byКод PHP">
210033, Республика Беларусь, г. Витебск, пр.Фрунзе 81, корпус 33а, офис 511.
Телефон: +375 (33) 601-41-11
Почта: info@redline.by

Оставить заявку
Укажите свой адрес электронной почты
*
Неправильно указан номер
Пожалуйста, введите имя
Запрещено загружать файл данного типа
Выбран файл:
Необходимо ваше согласие на обработку персональных данных
* - поля обязательные для заполнения