Использование иконочных шрифтов в приложениях

Введение

У многих шрифтов Windows имеются различные символы. Список символов зависит от типа шрифта, ну и конечно от разработчика данного шрифта, включал ли он какие-либо символы для шрифта или же нет. Многие пользователи про символы в шрифтах вообще ничего не знают, другие же знают про них и для вывода символа в нужном месте используют специальные сочетания клавиш на клавиатуре, при помощи которых и происходит печать нужного символа.

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

Существует различные иконочные шрифты, например, одним из самых популярных является Font Awesome. Данные шрифты состоят из векторных иконок (SVG), огромный плюс их использования заключается в том, что какой бы размер иконки вы не поставили, он будет отображаться четко на любых разрешениях и размерах экрана.

Поэтому, если у вас в Windows еще не установлен шрифт FontAwesome, то скачивайте его с официального сайта и устанавливайте в своей системе. Мы уже кстати рассматривали статью про то, как можно установить шрифт в Windows.

Использование иконочных шрифтов в редакторах

Итак, нужный нам шрифт установлен, приступаем к просмотру списка символов этого шрифта. Для этого необходимо зайти в Пуск->Панель управления->Шрифты->Поиск символа:

Таблица символов шрифта
Таблица символов шрифта

В появившемся окне необходимо из списка выбрать шрифт для которого вы хотите посмотреть символы, которые он поддерживает:

Список символов шрифта
Список символов шрифта

Любой из этих символов мы сможем использовать в своих приложениях, либо же различных текстовых и графических редакторах, которые используем для работы. Для того чтобы отобразить необходимый символ, например, в MS Word, необходимо выделить его в таблице символов и нажать на кнопку Выбрать, после чего нажать на кнопку Копировать:

Копирование символа шрифта
Копирование символа шрифта

Затем открываем текстовый редактор MS Word и вставляем в нужное место из буфера обмена наш символ: Ctrl+V или нажать правой кнопкой мыши и из контекстного меню выбрать пункт Вставить. Выбранный нами символ отобразиться в документе. Для него мы можем задавать размер, цвет и другие параметры, которые можно применять для шрифтов:

Вставка символа шрифта в MS Word
Вставка символа шрифта в MS Word

Таким же способом можно использовать символы и в других программах: MS Excel, Photoshop и другие. Самое главное, чтобы шрифт, которые содержит текущий символ, был установлен в операционной системе Windows или другой операционной системе, где он будет использоваться.

Использование иконочных шрифтов в разработке

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

Например, если вы хотите задать иконку заранее, например, поместить в TLabel, то здесь действия такие же, как и в предыдущем разделе. Заходим в таблицу символов, находим нужную иконку, выбираем ее и копируем в буфер обмена. Затем на форму помещаем TLabel, задаем необходимые параметры шрифта, самое главное задать имя иконочного шрифта:

Вставка символа в Delphi
Вставка символа в Delphi

И в соответствующее свойство компонента задаем ему символ. В нашем случае находим в инспекторе объектов свойство Caption и нажимаем Ctrl+V. В самом свойстве у вас может отобразиться любой другой символ: точка, тире, звездочка, но когда вы скомпилируете проект, пользователю будет отображаться нужный символ:

Запущенное приложение Delphi
Запущенное приложение Delphi

Если же у вас нет возможности копированием задать символ для вашего объекта, то это можно сделать программным способом. Заходим в таблицу символов, находим нужный нам символ и также выделяем его, внизу окна находим код этого символа:

Просмотр кода символа шрифта
Просмотр кода символа шрифта

Затем, чтобы кодом присвоить выбранный символ, в нашем случае в TLabel, необходимо будет использовать следующий код:

procedure TForm2.FormCreate(Sender: TObject);
begin
   Label1.Caption := widechar($F0F3);
end;

То есть, указываем просто какой код символа нам использовать в заголовке. Но в это же время, для TLabel должен быть выбран шрифт FontAwesome. При компиляции программы мы увидим наш символ.

Заключение

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

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

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Была ли эта статья полезна?

Статьи по теме

Оставить комментарий

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