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

Question

我需要用HTML编写这个文本:

我尝试使用一些unicode字符,如●Unicode字符'BLACK CIRCLE'(U + 25CF)或⬤Unicode字符'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>