如何通过 CSS 调整 Unicode 字符的大小答案

【问题标题】：How to Resize Unicode Characters via CSS如何通过 CSS 调整 Unicode 字符的大小
【发布时间】：2014-07-08 03:46:12
【问题描述】：

我有以下ul，它会生成一个方形项目符号（未经修改）非常略大于 HTML 中的默认方形项目符号。

li:before {
  content: "\25a0";
  margin-right: 6px;
  color: blue;          
}

问题：

关于如何解决这个问题的任何线索？

【问题讨论】：

【解决方案1】：

您需要将以下 CSS 属性添加到 li:before

font-size: 128px;
vertical-align: middle;

您可以将128px 更改为您想要的任何大小。

【讨论】：

【解决方案2】：

请注意，至少您的小提琴在不同浏览器中的行为完全不同！

您没有为 Unicode 部分指定字体系列。在小提琴中，许多 Unicode 字符在 Firefox、IE 和 Edge 中会显得更大。可能在所有非 webkit 浏览器中。

添加例如

font-family: "Lucida Sans Unicode", "Arial Unicode MS";

你想在任何地方使用 Unicode 字符跨浏览器...

【讨论】：

【解决方案3】：

将font-size:12em; 添加到您的 CSS。由于您使用的是 unicode 字符，因此它在技术上是字体的一部分；因此，您可以使用font-size 来更改子弹的大小。另外，正如 Raptor 指出的那样，使用vertical-align: middle 像以前一样排列文本

【讨论】：