最小化字形中的额外空间

Question

我正在尝试删除图标中的额外空间，以便在实际字形的边缘周围没有空间。

下面是一个没有这个问题的角色的例子。字母延伸到可用空间的边缘：

span::after {
content: "a";
background-color: red;
font-size: 30px;
}

<span></span>

这里有一个有这个问题的角色的例子：

span::after {
content: "▾";
background-color: red;
font-size: 30px;
}

<span></span>

我如何使第二个例子看起来像第一个？

Answer 1

尝试类似的东西

span{
	background-color: red;
	font-size: 30px;
	letter-spacing: -5px;
}
strong
{
margin-left: -6px;
}

<span>
		<strong>
	       	  ▾
		</strong>
</span>