Replace Google Font with local variable font

[utkarsh125]

fixes: #1750

I have installed fontsource Open Sans and removed the script link for Google's Open Sans as discussed in the issue.

Packages installed

npm install @fontsource/open-sans

If any more changes are needed I would be happy to make changes

[netlify]

✅ Deploy Preview for expressjscom-preview ready!

Name	Link
🔨 Latest commit	0167c97
🔍 Latest deploy log	https://app.netlify.com/projects/expressjscom-preview/deploys/6836db141392110008640029
😎 Deploy Preview	https://deploy-preview-1910--expressjscom-preview.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[ShubhamOulkar]

Please remove unused font files and folders. Also add local font names for all fonts, see suggestions below.

I tried to find the fontsource-variable fonts for open-sans but I was not able to find

You can use variable fonts from this repo. This will solve the problem with woff file size. See fontsource/fontsource#773 for more info.

[ShubhamOulkar]

Please remove ttf folder and rename font files.

[ShubhamOulkar]

LGTM 👍 manually tested on Firefox and Chrome. Fonts are correctly applied and rendering as expected.
Thanks @utkarsh125, for the changes.

[utkarsh125]

Thank you @ShubhamOulkar for pointing out mistakes and guiding me on how to fix them. It was a good learning experience for me, hope to contribute more in the future :D

[bjohansebas]

#1910 (comment)

[ShubhamOulkar]

Manually tested. LGTM

[bjohansebas]

thanks @utkarsh125

[utkarsh125]

You're welcome @bjohansebas looking forward to contributing more in future :D