我使用svg定制图标字体并将字体大小设置为
.c-class {
font-size: 24px;
}
和
.c-class:before {
font-size: inherit;
}
如果我将鼠标悬停在图标上,则显示为(24 x 25)而不是预期的输出(24 x 24)。我使用相同的结构32px,它工作正常。但是对于72px(72 x 73)我也有同样的问题。
它与字体本身有关,或者如何修复以获得所需的设计?
供您参考,svg代码是
<glyph unicode="" glyph-name="arrow-up" data-tags="arrow" d="M727.465 533.334c0-12.8-4.267-21.333-12.8-29.867-17.067-17.067-42.667-17.067-59.733 0l-98.133 98.133v-452.267c0-25.6-17.067-42.667-42.667-42.667s-42.667 17.067-42.667 42.667v452.267l-98.133-98.133c-17.067-17.067-42.667-17.067-59.733 0s-17.067 42.667 0 59.733l170.667 170.667c8.533 8.533 17.067 12.8 29.867 12.8v0c12.8 0 21.333-4.267 29.867-12.8l170.667-170.667c8.533-8.533 12.8-17.067 12.8-29.867z" />