css - 带有循环编号的有序列表

Question

我正在尝试使用 CSS 设置有序列表的样式，并使用圆形背景上的数字字体，因此试图在黑色背景上找到每个设置为白色/透明数字的 1234567890 的字体。

任何人都可以推荐一种字体吗，我在 dafont.com 之类的网站上磕磕绊绊，但对于我的生活，不能偶然发现实际数字 0-9 映射到光盘上的数字的字体？

像 Wingdings 这样的字体确实包含这些四舍五入的数字，但它们位于完全不同的字符上，而不是数字本身，因此无法用于有序列表。

Answer 1

如果您找不到符合您希望的字体，这可能会有所帮助...

http://jsfiddle.net/H5Xyz/

<ul>
    <li><span>1</span></li>
    <li><span>2</span></li>
    <li><span>3</span></li>
    <li><span>4</span></li>
    <li><span>5</span></li>
    <li><span>6</span></li>
    <li><span>7</span></li>
    <li><span>8</span></li>
    <li><span>9</span></li>
</ul>


ul > li {
    list-style-type: none;
    margin: 0 0 0 25px;
}

ul > li > span {
    display: table-cell;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border-radius: 25px;
    background: #000;
    text-align: center;
    color: #fff;
}