Font CSS

Preceding textSuperseding text

Code:

<div id="demoFont">Edit this text</div>

This was originally posted on Tue 6 Aug 2019 in the post that is now at https://dozenal.forumotion.com/t31-tables#2 which was in the general Forum Administration Topic:

ANNOUNCEMENT
Anyone on this Base Dozen Forum can type the dozenal numerals that are distinguishable against decimal by using the html command as demonstrated below:

Code:

<z>0123456789TE; % ‰ ‱</z>

That is, type between code lower case or upper case "z" in angled brackets at the beginning and forward slash z in angled brackets at the end:

• the Indo-Arabic digits for numerals zero to nine,
  
• the letter T for numeral ten,
  
• the letter E for numeral eleven,
  
• semi-colon for reversed semi-colon which is used as the fractional point,
  
• percent for per square dozen,
  
• Unicode 2030 per mille for per cubic dozen, and
  
• Unicode 2031 for per quartic dozen.
  

The effect is:

0123456789TE; % ‰ ‱

If you use this method, please remember always to include the reversed semi-colon dozenal fractional point to avoid ambiguity when the text is copied and pasted from the Forum. If you prefer to use circled numerals as fallbacks for the dozenal numerals instead of the Indo-Arabic digits, then the following code can be used instead:

Code:

<z id="z">
Test:
⓪①②③④⑤⑥⑦⑧⑨⑩⑪;⁏٪؊؉
</z>

The result is:

Test:
⓪①②③④⑤⑥⑦⑧⑨⑩⑪;⁏٪؊؉

This second method has the advantage that it can be used with text containing a capital letter T or E inside the code. However, you do not need any code to use the circled numerals as fallbacks, because they will display as dozenal characters anyway, unless they are used with other formatting such as bold or italics in BBCode. This means that if you want to show circled numerals explicitly, they should be put in the first z html code or some other code.

On my computer, I have keyboard shortcuts set up such that the circled numerals and reversed semi-colon can be typed directly from the keyboard simply by pressing the Caps Lock and a numeral or punctuation key, so it is actually easier for me to use circled numerals than Indo-Arabic numerals as fallbacks.

Try it!

Reversed Comma
The punctuation for grouping dozenal numerals in fours is the reversed comma to match the reversed semicolon used as a fractional point. A comma typed in the z html code appears reversed:

Code:

<z>0123,4567,89TE;%</z>

produces:
0123,4567,89TE;%

In the z id="z" html code on the other hand, a typed comma will appear as an ordinary comma. The character used for the reversed comma is Unicode 2E41:

Code:

<z id="z">⓪①②③⹁④⑤⑥⑦⹁⑧⑨⑩⑪⁏٪</z>

produces:
⓪①②③⹁④⑤⑥⑦⹁⑧⑨⑩⑪⁏٪
On my computer, a keyboard shortcut is set up such that pressing Caps Lock and typing the comma key produces this reversed comma character. Usually, it is not necessary to use the html code for the circled numerals and reversed punctuation marks to appear correctly on this Forum:

Code:

⓪①②③⹁④⑤⑥⑦⹁⑧⑨⑩⑪⁏٪

produces:
⓪①②③⹁④⑤⑥⑦⹁⑧⑨⑩⑪⁏٪

Though the reversed punctuation marks are supported by Unicode, they are not currently supported by many fonts. A recent version of the font Times New Roman has them.

In case BBCode be preferred to HTML, here is yet another way to display the dozenal numerals on this forum. This method is used in conjunction with the circled numerals as fallbacks.

Code:

[font=z]Test: ⓪①②③⹁④⑤⑥⑦⹁⑧⑨⑩⑪⁏٪[/font]

The result is:
Test: ⓪①②③⹁④⑤⑥⑦⹁⑧⑨⑩⑪⁏٪
In comparison to the earlier z id="z" html method, this BBCode method has the disadvantage that ordinary text inside it will appear changed from sans-serif to serif. Of course, there is no need to put letters of text inside the code.