How to stop the browser converting numbers written in parentheses such as (1) in circled numbers ①?

Question

We are using a custom font family and the numbers written in parentheses are automatically rendered into circled numbers. The fonts are imported via @font-face in css. Any suggestions on how to avoid that?

Try disabling ligatures E.g https://stackoverflow.com/questions/38926144/css-disable-font-ligatures-in-all-browsers — Alex K., Jul 26 '19 at 15:05

score 2 · Answer 1 · answered Jul 29 '19 at 07:14

2

The below code will fix it. Thank you.

* {
    font-variant-ligatures: none;
    }

answered Jul 29 '19 at 07:14

Ciprian Amaritei

73
1
8

score 0 · Answer 2 · answered Jul 26 '19 at 18:18

Without your having provided information about your system, code, or font file, I can only provide the following:

attempt systematically troubleshooting, or edit in the details I mention above
use the unicode U+0028 or html entity ( for your left parenthesis
use the unicode U+0029 or html entity ) for your right parenthesis

Let us know if this helps, or provide greater detail for us to respond to.

References:

http://www.fileformat.info/info/unicode/char/0028/index.htm

http://www.fileformat.info/info/unicode/char/0029/index.htm

How to stop the browser converting numbers written in parentheses such as (1) in circled numbers ①?

2 Answers2