Упорядоченный список с круговыми номерами

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