带圆形数字的有序列表

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;
}