Flutter Web FontAwesome Размер шрифта слишком велик

Question

Я заметил, что веб-проект Flutter, который я делаю с плагином font_awesome_flutter , замедляется загрузкой font_size. Я использую только один значок из шрифта. Есть ли способ, как я могу получить это меньше?

Вот данные с webpagetest.org :

Answer 1

Удалите плагин Font Awesome из вашего проекта

Удалите плагин font_awesome_flutter из pubspe c .yaml и везде, где вы используете его в своем проекте.

Создайте шрифт только с нужными вам значками

Вы можете просто извлечь нужные значки из шрифта и отбросить остальные. Восточный способ сделать это - использовать сайт IcoMoon . Например, я использовал сайт для создания шрифта только с иконкой Apple lo go.

Запишите код (eabe). Вы будете использовать его позже.

Добавьте шрифт во Flutter

Вы получите инструкции для этого здесь . Я назвал свое семейство шрифтов Apple.

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

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

FlatButton(
  child: Text(
    '\ueabe',
    style: TextStyle(fontFamily: 'Apple', fontSize: 24),
  ),
  onPressed: () {
    model.onApplePressed();
  },
),

Вот как это выглядит в приложении:

Проверьте размер

Перестройте свое веб-приложение Flutter и разместите его в сети.

Здесь проводится повторное тестирование сайта по адресу webpagetest.org .

Это не так мало, как я ожидал, но Размер шрифта определенно лучше. (На сайте также используются значки Material Design, что может повлиять на размер оставшегося шрифта.)