[BUG] - Quicksand default font is not applied on mobile

notiflix / Notiflix

Notiflix is a pure JavaScript library for client-side non-blocking notifications, popup boxes, loading indicators, and more that makes your web projects much better.

https://notiflix.github.io

MIT License

647 stars 55 forks source link

[BUG] - Quicksand default font is not applied on mobile #71

Closed gensart-ai closed 1 year ago

gensart-ai commented 1 year ago

Describe the bug

I don't know if it's just me or whatever
Quicksand, as a default font for Notiflix UI font, is not applied on mobile phone, especially Android 11

To Reproduce

Steps to reproduce the behavior:

Access via mobile phone, not on laptop using F12

Expected behavior

The Quicksand font is displayed as it is.

Screenshots

Mobile View

Desktop View

Desktop View (Chrome)

Desktop :

OS: Windows 10 Pro 22H2
Browser: Google Chrome
Version: 113.0.5672.127

Smartphone :

Device: Infinix Hot 12 Play NFC
OS: Android 11
Browser: Google Chrome
Version: 113.0.5672.76

furcan commented 1 year ago

Hello @gensart-ai ,

The default font families are "Quicksand" for all the modules but you need to add this font to your project separately:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Quicksand&display=swap" rel="stylesheet">

Or, you can please set (init) another font name via options to the modules that you are using.

Thank you, Furkan