Good

CIRCLED LATIN CAPITAL LETTER A

Ⓐ - This is the unicode character for "CIRCLED LATIN CAPITAL LETTER A" &#9398; in <p> tags

Ⓐ - This is the unicode character for  "CIRCLED LATIN
    CAPITAL LETTER A" &#9398; in <p> tags

OCR HOOK

Bad

OCR BRANCH BANK IDENTIFICATION

⑆ - This is the unicode character for "OCR BRANCH BANK IDENTIFICATION" &#9286; wrapped in <p> tags (this is improperly displaying as &#9287; "OCR AMOUNT OF CHECK")

⑆ - This is the unicode character for "OCR BRANCH BANK
    IDENTIFICATION" &#9286; wrapped in <pre> tags

OCR BOW TIE

⑅ - &#9285; is improperly displaying as &#9286; "OCR BRANCH BANK IDENTIFICATION"

Notes

The problem is that multiple unicode characters, including "OCR BRANCH BANK IDENTIFICATION," do not display properly unless used inside of a <pre> tag.

Reproducing this problem: if I leave my browser at its "normal" setting for font size, the problem just happens. However, if I increase or decrease the font size with Ctrl-+ or Ctrl--, the characters display properly.

Bad systems

Good systems