Вы когда-нибудь задумывались, как использовать собственное семейство шрифтов для метки приложения, кнопки, записи и т. д.? В этой статье мы узнаем, как использовать отличное семейство пользовательских шрифтов и сделать пользовательский интерфейс нашего приложения более привлекательным и крутым. Для этой статьи я буду использовать Google Fonts.

Давайте разделим процесс на 4 шага, указанных ниже.

  1. Выберите свой любимый шрифт Google здесь и загрузите zip-архив.
  2. Добавьте файл шрифта .tff в соответствующие папки платформы.
  3. Наконец, код, чтобы магия работала.

1. Скачать шрифт Google

Вы можете выбрать любое семейство шрифтов из библиотеки Awesome Google Font и скачать это семейство.

2. Добавить семейство шрифтов

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

Android → Добавьте файл .tff в папку Assets проекта Android и убедитесь, что для Build Action этих файлов установлено значение >Актив Android. Щелкните правой кнопкой мыши файл семейства шрифтов и выберите Свойства, чтобы просмотреть действие сборки.

iOS → Добавьте файл .tff в папку Resources проекта iOS и убедитесь, что для Build Action этих файлов установлено значение BundleResource. Щелкните правой кнопкой мыши файл семейства шрифтов и выберите Свойства, чтобы просмотреть действие сборки.

3. Давайте программировать

Мы создадим ContentPage с меткой и двумя кнопками для переключения с одного семейства шрифтов на другое.

Файл ресурса шрифта

Давайте создадим отдельный статический класс, в котором будет определено определение семейства шрифтов.

Xaml-код CustomFontPage

Код CustomFontPage позади

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