#reactjs #user-interface #user-experience #webfonts #svg-font
#reactjs #пользовательский интерфейс #веб-шрифты #svg-шрифт
Вопрос:
Мы используем шрифт SVG-Icon для отображения значков в веб-приложении react, но иногда значки отображаются в пользовательском интерфейсе, несмотря на то, что шрифты загружены в браузер. Пожалуйста, смотрите прикрепленный скриншот. Он показывает Times New Roman в качестве шрифта, не уверен, почему?
Комментарии:
1. Файл значков svg в формате ttf? Что это за волшебство?
2. Да, @Parapluie, это в формате ttf. пожалуйста, посмотрите прилагаемый скриншот.
3. Итак, это ttf-файл. Нет проблем. Это
svg-icons.6999eb79.ttf
точное имя файла на сервере? Если да, то это не то имя файла, которое вы запросили в своем@font-face
. Если6999eb79
он также загружен где-то еще, вы можете не получить уведомление об отсутствии ресурсов в вашей консоли.4. Да,
svg-icons.6999eb79.ttf
это точное имя файла, это число6999eb79
добавляется из-за управления версиями / кэширования.5. С тем, что вы нам показали, я не вижу ничего плохого в коде, кроме этого. У вас есть дополнительная информация? Каков консольный источник этого
6999eb79
изображения? Это не тот, который я использую.