search

RedHatOfficial / RedHatFont

Red Hat's Open Source Fonts - Red Hat Display and Red Hat Text
SIL Open Font License 1.1
479 stars 55 forks source link

Quotation marks rendering inconsistency between webfont and .ttf version #32

Closed cntlsn closed 4 years ago

cntlsn commented 4 years ago

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).

jeremymickel commented 4 years ago

This is an Adobe feature called ‘Typographer Quotes’, and is not unique to Red Hat.

If you turn it off in Illustrator preferences you’ll have the regular straight quotes.

On Wed, Dec 18, 2019 at 12:45 AM alessandro contini < notifications@github.com> wrote:

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: [image: Screenshot 2019-12-17 18 38 20] https://user-images.githubusercontent.com/2865173/71020371-754c3f00-20fc-11ea-9d46-2a2a725c176e.png

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)): [image: Screenshot 2019-12-17 18 39 45] https://user-images.githubusercontent.com/2865173/71020435-9ad94880-20fc-11ea-954b-8c925dcbc020.png

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

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/RedHatOfficial/RedHatFont/issues/32?email_source=notifications&email_token=AAWTYEGIYNNPHW4U73E4NLLQZEF4RA5CNFSM4J37FOD2YY3PNVWWK3TUL52HS4DFUVEXG43VMWVGG33NNVSW45C7NFSM4IBDZRMA, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAWTYEAZR4PQTWH7YNX5M73QZEF4RANCNFSM4J37FODQ .

cntlsn commented 4 years ago

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