This example shows how data tables can make use of OpenType number formatting features. With an experimental Firefox build the tables below will render differently.
A data table using font defaults, as seen in all current browers:
| raw | gzip | eot | lzma | |
|---|---|---|---|---|
| Chocolate | 409,280 | 231,251 | 184,107 | 200,150 |
| Vanilla | 367,112 | 197,877 | 151,998 | 169,307 |
| Strawberry | 155,068 | 97,970 | 74,051 | 83,521 |
| Peach | 171,792 | 96,229 | 69,450 | 80,357 |
With tabular figures enabled:
| raw | gzip | eot | lzma | |
|---|---|---|---|---|
| Chocolate | 409,280 | 231,251 | 184,107 | 200,150 |
| Vanilla | 367,112 | 197,877 | 151,998 | 169,307 |
| Strawberry | 155,068 | 97,970 | 74,051 | 83,521 |
| Peach | 171,792 | 96,229 | 69,450 | 80,357 |
Screenshot of the table above with tabular figures enabled:
Font used: Calluna by Jos Buivenga (exljbris)
Data: EOT compression vs. gzip