Я использую материальную тему Ag-Grid с пользовательскими переменными, как описано в документации. Все работает нормально, но вместо значков будет отображаться только квадрат:
Если вы посмотрите в инспекторе хрома, установлено правильное семейство шрифтов:
< a href = "https://i.stack.imgur.com/kxt1x.png" rel = "nofollow noreferrer">
Есть ли у кого-нибудь решение / обходной путь для моей проблемы?
Почему не работают значки Ag-Grid-Material?
comment
Какой значок вы не видите? Можете ли вы поделиться некоторыми фрагментами кода? Если возможно, создайте минимально воспроизводимое приложение в Stackblitz.
- person Shravan   schedule 02.03.2020
comment
Это должен быть значок заказа по возрастанию. Заголовок по умолчанию только с текстом «#». Я исследовал, что семейство шрифтов будет загружено в файл scss. Могу я проверить это где угодно в инспекторе Chrome? Фрагмент кода невозможен, потому что перестроить структуру проекта невозможно (большой проект, который будет перенесен с AngularJS на Angular 8 - ›мы используем gulp как средство выполнения задач).
- person JuNe   schedule 02.03.2020
comment
Вы уверены, что импортировали agGridMaterialFont.css (или файл scss, если на то пошло) из node_modules?
- person Shravan   schedule 02.03.2020
comment
Вероятно, ваш шрифт не загружается должным образом. Проверьте Инструменты разработчика Chrome, панель «Сеть», вкладку «Шрифт».
- person thirtydot   schedule 03.03.2020
comment
Шрифт будет загружен с @ font-face в файл scss. Должно ли это быть видно и в инструментах разработчика?
- person JuNe   schedule 03.03.2020
Ответы (1)
В Mycase мне пришлось использовать настройки функции шрифта: 'liga'.
источник: https://github.com/google/material-design-icons/issues/536#issuecomment-432227513
person
DJV
schedule
01.08.2020
Хотя эта ссылка может дать ответ на вопрос, лучше включить сюда основные части ответа и предоставить ссылку для справки. Ответы, содержащие только ссылки, могут стать недействительными, если ссылка на страницу изменится.
- person Dima Kozhevin; 01.08.2020