docs icon indicating copy to clipboard operation
docs copied to clipboard

fix blocky text for Windows users

Open joseph082 opened this issue 6 months ago • 0 comments

Description of changes:

Fixes blocky text for Windows users by updating the Amazon Ember font version from 0.002 to 1.010.

Updated font files are from https://m.media-amazon.com/images/G/01/mobile-apps/dex/alexa/branding/Amazon_Typefaces_Complete_Font_Set_Mar2020.zip, which is linked on https://developer.amazon.com/en-US/alexa/branding/echo-guidelines/identity-guidelines/typography.

Before: image image The above screenshot is of docs.amplify.aws/react/how-amplify-works/concepts/. The bottom ends of the S and s's are blocky. Other parts in the screenshot and text on other pages are also pixelated.

After: image image The bottom ends of the S and s's aren't blocky anymore.

Alternatives considered: I tried fixing this with CSS, but I couldn't find a combination that worked. My friends on MacOS and Linux also didn't see the blocky text on their screens, which hints to an OS/font issue instead of a browser/CSS issue.

Related GitHub issue #, if available:

Fixes #2696 I saw this issue on both Windows 10 and 11, on Chrome and Firefox.

Instructions

Which product(s) are affected by this PR (if applicable)?

  • Docs

Checks

  • [x] Does this PR conform to the styleguide?
  • [x] Does this PR include filetypes other than markdown or images? Please add or update unit tests accordingly.
  • [x] Are any files being deleted with this PR? If so, have the needed redirects been created?
  • [x] Are all links in MDX files using the MDX link syntax rather than HTML link syntax?
    ref: MDX: [link](https://docs.amplify.aws/) HTML: <a href="https://docs.amplify.aws/">link</a>

When this PR is ready to merge, please check the box below

  • [x] Ready to merge

By submitting this pull request, I confirm that my contribution is made under the terms of the Apache 2.0 license.

joseph082 avatar Aug 23 '24 04:08 joseph082