Text font is not applied if the canvas is inside DOM

Duplicate Issue #8167445 • See Issue #8167417

Details

Created
Jul 13, 2016
Privacy
This issue is public.
Found in
  • Microsoft Edge
  • Internet Explorer
Duplicates
See progress on Bug #8167417
Found in build #
11
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

1. Add a custom font in css using @font-face.

2. Create canvas element:

  var canvas = document.createElement('canvas');

3. Make sure the font is loaded (for example setting a larger timeout).

4. Draw text on the canvas remembering to set the custom font specified in the first point.

5. The text does not have the proper font applied.

6. Change the code from the 2nd point to:

  var canvas = document.createElement('canvas');
  document.body.appendChild(canvas);

7. The font is now applied properly.

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Status to “Duplicate”

    • This bug has marked as duplicate. Please follow the [parent issue]((…/8167417/) to get new updates.

    You need to sign in to your Microsoft account to add a comment.

    Sign in