css - 在 ios 浏览器中看不到带有字母间距的材料图标

Question

我正在使用角材料中的星形图标来显示关卡，我的目标是星星将彼此相邻。为此，我使用letter-spacing: -0.25rem;了在 ios 平台上根本不渲染的问题（图标之间有空格）。我尝试添加text-rendering: optimizeSpeed;，font-weight: normal;但它仍然没有反映在 ios 浏览器上，有人可以知道这是什么解决方案吗？

标签： cssiosangularicons

Answer 1

我很高兴地说我收到了这个问题的解决方案。我没有使用 mat-icon 标签，而是将其更改为 i 标签并添加 class="material-icons" 和 material-icons CSS 类

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

解决方案链接： https ://codepen.io/GD_Design/pen/QWbYqxp?fbclid=IwAR1-emQXq1Yj3IjAonZUSCrCWYbVWmo283DGcvXNeNC0VqtvJ12vajCG7cg