Полезные символы Юникода

Часто у вас возникали ситуации, что на сайте нужно добавить иконку, или другой символ и вам приходится искать требуемую картинку для этих целей?!

Так как мы занимаемся созданием сайтов разных тематик, то по роду деятельности данная ситуация возникает у нас постоянно.

В связи с этим  мы используем и вам рекомендуем не искать какие то картинки для иконок а использовать именно символы Юникода.

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

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

Что такое Юникод?

Юникод (англ. Unicode) - это универсальный стандарт кодирования символов, который позволяет предоставить знаки всех языков мира.

В отличие от ASCII, один символ кодируется двумя байтами, что позволяет использовать 65 536 символов, против 256.

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

Таким образом, два байта могут хранить в себе число от нуля до 65 535, что и позволяет использовать 65 536 символов (ноль + 65 535, ноль - это тоже число, он не является ничем).

Символы Юникода разделены на секции. Первые 128 символов повторяют таблицу ASCII.

За отображение символов отвечает семейство кодировок Юникода (Unicode Transformation Format - UTF). Наиболее известная и широко применяемая кодировка - UTF-8.

Ниже мы собрали огромное количество различных символов юникода с различных интернет ресурсов, так же разделили их для возможности использования как в Html так и в Css.

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

Так же вы можете нажать на любой символ что бы посмотреть как он будет смотреться в другом шрифте.

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

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

Ну вот как бы и все, пользуйтесь на здоровье, буду рад если статья окажется кому то еще полезной а не только нам!