How to write a quomma

Question

I'd like to start using question marks at the end of clauses as well as sentences. To indicate this I would like to use a question mark with a comma underneath, which I'd like to call a quomma.

There doesn't seem to be a Unicode code point for this unconventional punctuation, so what is the most Web-friendly way of doing this?

• The combining diacritical mark doesn't seem to work anywhere I've tried it: ?̦ (Though is there something which prevents overlappingʔ̦ because the glottal stop mark, which looks almost like a dotless question mark (ʔ) does seem to work, as you just saw!)
• SVG support is not widespread, and this would require a per-font SVG anyway.
• A raster image seems a bit of a crap solution.
• Is there some cheeky but not-too-hacky HTML/CSS?
• Any other ideas?

Answer 1

This one works inline; even IE can handle inline-block displays on span-elements:

<p>Some text with a quomma in it <span class="quomma">?<span class="c">,</span></span> and some more text</p>

CSS:

span.quomma {
    display: inline-block;
    position: relative;
}

span.quomma .c {
    display: block;
    position: absolute;
    left: .1em;
    top: 0;
}

Answer 2

Have a look at the combining diatrics (charts), in particular U+0326 (COMBINING COMMA BELOW).

The HTML ʔ̦ produces:

ʔ̦

Since this is unlikely to be a grapheme used in any existing language, whether that works or not on your browser may depend on a number of factors related to Unicode and font support.