html - 如何使用css更改像⬤这样的unicode圆的大小？

Question

试图在段落标签中的单词之间放置⬤，但我希望它们更小，但找不到改变它的大小的方法，我尝试过的一切都忽略了高度变化。

尝试 ::before 与内容，放置在跨度内，内联 html 并尝试在浏览器中添加样式

<p>Thing1 ⬤ Thing2 ⬤ Thing3</p>

非常想将尺寸减小一半，我尝试了缩放，但也没有做任何事情。我想避免使用 JS 或者只是设置 span 标签的样式看起来相同，但不确定是否可以仅使用 CSS 来实现？

标签： htmlcssunicodeweb-frontend

Answer 1

您可以使用 font-size 属性简单地更改大小。下面是一个例子，希望对你有帮助

<i style="font-weight:700; font-size:16px; font-style: normal;">&#9432</i>