css - Ordered list with circular numbers -

css - Ordered list with circular numbers -

i'm trying style ordered list using css, , font numbers on rounded background, trying find font has 1234567890 each set white/transparent number, on black background.

can recommend font @ all, i'm stumbling around sites dafont.com, life of me, can't stumble onto font actual numbers, 0-9 mapped number on disc?

fonts wingdings contain these rounded numbers, sitting on totally different characters, other numbers themselves, making impossible utilize ordered list.

this might helpful if can't find font looks how want look...

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

css fonts font-face