значки материалов с межбуквенным интервалом плохо видны в браузерах ios - PullRequest
Новая
       10

значки материалов с межбуквенным интервалом плохо видны в браузерах ios

0 голосов
/ 29 марта 2020

Я использую значки звезд из материала angular для отображения уровней, моя цель состояла в том, чтобы звезды были рядом друг с другом. Для этого я использовал letter-spacing: -0.25rem; свои проблемы, которые вообще не отображаются на ios платформах (между иконками есть пробелы). Я пытался добавить text-rendering: optimizeSpeed; и font-weight: normal;, но это все равно не отражается на ios браузерах, может кто-нибудь знать, что для этого нужно?

1 Ответ

0 голосов
/ 01 апреля 2020

Я рад сообщить, что получил решение этой проблемы. Вместо того, чтобы использовать тег mat-icon, я изменяю его на тег i и добавляю class = "material-icons" и к material-icons CSS class 

.neg-margin > * {
  margin-right: -0.5em;
}

Ссылка на решение: https://codepen.io/GD_Design/pen/QWbYqxp?fbclid=IwAR1-emQXq1Yj3IjAonZUSCrCWYbVWmo283DGcvXNeNC0VqtvJ12vajCG7cg

...