Font quality decresing after genrating PDF

[Yuvraj-kadale]

Describe the bug
After generating the pdf, the quality of the font is decreased.

To Reproduce
Steps to reproduce the behaviour:

1. Go to 'https://gitsetgo.netlify.app/'
2. Click on 'generate pdf'
3. Scroll down to '....'
4. See error

Expected behaviour
No change in the font quality before and after generating the pdf.

Screenshots
Quality before generating the pdf

Quality after generating the pdf

Desktop (please complete the following information):

• OS: [Windows 10]
• Browser [firefox]
• Version [79]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

[issue-label-bot]

Issue-Label Bot is automatically applying the label bug to this issue, with a confidence of 0.91. Please mark this comment with 👍 or 👎 to give our bot feedback!

Links: app homepage, dashboard and code for this bot.

[garimasingh128]

Elaborate the issue in the description.

[Yuvraj-kadale]

Elaborate the issue in the description.

DONE!

[ashuvssut]

actually font quality is not decreasing.
the font used in the webpage is not getting imported in pdf.

SOLUTION: Use puppetter. Puppeteer can generate pdfs from webpages. see it documentation

Why I am so sure that my solution ud work?
I have a react Resume website in which i created my resume (in the resume, there are HTML elements only with CSS and fonts). ref- https://github.com/ashuvssut/ashuvssut-resume
I generate my resume pdf using puppeteer

the generation process is automated by a GitHub Action that I created. If you want that PDF generation code then follow this link

Sadly there is no other option for you other than using puppeteer. I have searched a lot for alternatives.😂 believe me!