Fork me on GitHub

FontSite CombiNumerals Ltd

Welcome to Ralf S. Engelschall's small kit for using Sean Cavanaugh's awesome font CombiNumerals Ltd from FontSite on the web to conveniently render circled numbers (in the range 0-99) with the help of a CSS content generation approach. This is especially useful to annotate lines in code blocks and then reference those lines from within the description text.

Render manually:
<i class="cn-raw">4@</>

Render regular circled number N with content-generation:
<i class="cn-N"/>

Render inverse circled number N with content-generation:
<i class="cn-N-i"/>

Large Preview:
4 @
Manual Usage (via raw character codes):
pqwertyuio
asdfghjkl;⑳
0123456789 )!@#$%^&*(
 ⓿➊➋➌➍➎➏➐➑➒
➓⓫⓬⓭⓮⓯⓰⓱⓲⓳⓴
 
Automatic Usage (via CSS content generation):
List Styling (via CSS content generation):
Lorem ipsum dolor sit amet , consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.