RedHatOfficial/RedHatFont

Quotation marks rendering inconsistency between webfont and .ttf version

cntlsn opened this issue · 2 comments

I might have found an issue with how quotation marks are rendered in .ttf version of the font (both Red Hat Display and Red Hat Text), if compared to its webfont versions.

Below you can see how quotation marks (both single and double) are rendered straight in a browser -- font is inherited from PatternFly "@patternfly/react-core": "^3.124.1", "@patternfly/react-styles": "^3.6.11", and browser is Chrome 79.0.3945.79 on a machine running macOS Mojave:
Screenshot 2019-12-17 18 38 20

Whereas below you can see how quotation marks for the same font family are rendered slanted in Illustrator 24.0 (same in Sketch 61 (89581)):
Screenshot 2019-12-17 18 39 45

According to a conversation with Red Hat UXD content strategist @abigaeljamie the latter could eventually be misinterpreted for backquotes (https://www.computerhope.com/jargon/b/backquot.htm).

Hi @jeremymickel, thank you for the lead. I did a bit of research and apparently it's a system setting (at least on macOS).

It can be solved in two ways:

  1. Disable globally -- System Preferences › Keyboard › Text › Use Smart Quotes (untick)
  2. Disable on a case by case basis -- Right click (on selected quotation mark) > Substitutions > Smart quotes (untick) > Type quotes again

Source: https://twitter.com/sketch/status/476354062225776640?lang=en