html - 在unicode中填充 "o"字符或通过CSS模仿

Question

我需要用 HTML 编写此文本:

我尝试使用一些 unicode 字符，例如 ● Unicode Character 'BLACK CIRCLE' (U+25CF)或 ⬤ Unicode Character 'BLACK LARGE CIRCLE' (U+2B24)但它们需要一些样式(即大小与 o 不同)并且在某些系统和字体上显示有问题。

您能提出更好的解决方案吗？它可以是一个被广泛接受的 unicode 字符或一些 CSS 模仿(在这种情况下，如果 HTML 仍然包含 Now. 字符串以获得良好的索引，那就太好了)。图片不是一个选项。

Answer 1

我建议使用 CSS border-radius 来创建实心的“o”圆。

span {
    font-family: sans-serif;
    font-size: 50px;
}
i {
    display: inline-block;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    background: black;
    vertical-align: middle;
    border-radius: 50%;
}

<span>N<i>o</i>w.</span>