最小化字形中的多余空间

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>