Default autosize doesn't work with custom font

With default font, default autosize works properly. The labels are clipped only at the end:

With custom font, labels are cut off at beginning and end:

I expect labels to be clipped only at the end.

Repro:

• Online editor with spec
• Open Chrome Developer Tools. Run in Console:

  var link = document.createElement('link');
  link.href = "https://fonts.googleapis.com/css?family=Montserrat";
  link.rel = "stylesheet";
  document.body.prepend(link);
  

• Now text is clipped.
• If you delete second Montserrat line, text will no longer be clipped.

[melissachang]

Thanks. Preloading the font was difficult with Create React App. Here’s how I did it, in case it helps anyone else.

[jheer]

Thanks for sharing!