textarea глобально, то начинают тормозить инпуты во всем приложении. Если в scoped, то только в определенном компоненте. Причем, проблема только с textarea, если задавать любым другим элементам, включая инпуты, то все ок.
Пробовал шрифты подключать через google fonts и локально, эффект один и тот же.
Приложение работает на vue-cli.
Может кто-нибудь в курсе, в чем может быть проблема?
непонятно, что значит тормозить. Шрифты - штука тяжелая, но влияет только на отображение https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types/preload
Ну вот, например. Нужно мне вставить большой текст в textarea. Без подключенных шрифтов все вставляется быстро, стоит их подключить, сразу все зависает и хром выдает плашку что вкладка не отвечает.
шрифты крайне желательно подключать 1 раз, глобально, и как можно раньше
Так же, в приложении есть функция копирования base64 в буфер обмена, вообще никак не связанная с компонентом с textarea. Она тоже перестает работать.
Я подключаю в app.vue
подключай в index.html, файле шаблона
Подключал google fonts, эффект тот же.
https://developer.mozilla.org/en-US/docs/Web/API/Document/fonts#doing_operation_after_all_fonts_are_loaded должно подлечить
Ну так шрифт в textarea меняется, проблема только во время ввода текста в textarea, либо копирования в буфер обмена.
Наверное проблема не в шрифте 🤷
Просто это единственное, что я заметил. Убираешь font-family в textarea – все норм, возвращаешь – начинаются тормоза.
И да, если шрифт есть в браузере, то тоже все норм. Но если он подключенный из вне, то нет(
Обсуждают сегодня