Missing style and weight definition when using custom fonts

[goatyeahh]

Goal

Allow to define custom font style and weight.

Example

<ReactToPrint
  fonts={[
    { family: "Inter", style: "normal", weight: 200, source: `url("https://rsms.me/inter/font-files/Inter-ExtraLight.woff2?v=3.19") format("woff2")` },
    { family: "Inter", style: "italic", weight: 300, source: `url("https://rsms.me/inter/font-files/Inter-LightItalic.woff2?v=3.19") format("woff2")` },
  ]}
  trigger={() => (
    <button>Print</button>
  )}
  content={() => componentRef.current}
/>

Documentation: https://developer.mozilla.org/en-US/docs/Web/API/FontFace

[MatthewHerbst]

Hi, thanks for the PR! Would you mind also updating the examples to show using this? I use the examples as both a way to show people how to use things, and also as tests to ensure everything is working properly. Otherwise everything looks good!

[MatthewHerbst]

Could you please add the font files to the project so an internet connection isn't needed to test the feature?

Also, I tested your code in Chrome 107. Is this what the text is meant to look like? (Ignore the different image sizes)

Before print:

During print:

[goatyeahh]

It should look something like this

[MatthewHerbst]

Hey, happy new year! Apologies for not getting this merged sooner, I had to do some other things in the final weeks of last year. I looked at this locally, and it exposed a bug in the underlying code, which I have fixed and is now available as v2.14.11. If you rebase on that it should work.

I have a few improvements I'd like to see to the Webpack stuff here. I'll make a PR into your fork tomorrow hopefully to show what I'm getting at. I do want to get this merged. Thanks!

[goatyeahh]

Sorry, I missed review the notification. I have rebase and adapted the code based on your comments. I tested locally and it works great now!

[tandrasi]

Hi, any progress of merging this into master? We could really use the functionality of this PR :).

[MatthewHerbst]

Ah, my bad guys, I had the tab open here but it got buried. Thanks for the reminder, and for fixing this up!

[MatthewHerbst]

Published in v2.14.12 🎉