"Klassisk" formatering af cifre med CSS?

I nogen skrifttyper er alle cifrene ikke lige høje: 0, 1 og 2 har samme højde som et lille x, 3, 4, 5, 7 og 9 er forskudt under grundlinjen så den øverste del flugter med toppen af et lille x, mens 6 og 8 har samme højde som et stort X. Eksempler på sådanne skrifttyper kan bl.a. ses i aviserne Dagen, metroXpress og Urban.

Spørgsmålet er, hvordan laver jeg noget tilsvarende med CSS når skrifttypen ikke fra starten er designet sådan?

Jeg har eksperimenteret med at bruge font-size og vertical-align, men resultatet er ikke overbevisende – cifrene bliver ikke bare mindre i højden, de bliver også smallere og hvis skriftstørrelsen ændres (eller man skriver siden ud på papir) flugter den øverste del af cifrene ikke med bogstaverne.

Den optimale løsning er den der benytter sig af mulighederne i CSS for at specificere højde og placering i forhold til fx grundlinjen eller højden af et x, så resultatet bliver korrekt uanset opløsning, skriftstørrelse og medie. Der er garanteret nogen derude med sans for typografi og CSS der har lavet sådan noget, men da jeg ikke kender de rigtige betegnelser har jeg ikke kunne definere en søgning der giver mig noget brugbart.

Point gives både for en konkret løsning såvel som links eller søgetermer der kan bringe mig på rette vej.

PS: Jeg har kun adgang til at bruge ”inline styles”. Jeg kan ikke linke til eksterne stylesheets, ændre på skrifttypen for hele siden eller at indsætte billeder.