Giters

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.

Home Page:https://notiflix.github.io

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

gensart-ai opened this issue · comments

commented

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:

  1. Access via mobile phone, not on laptop using F12

Expected behavior

The Quicksand font is displayed as it is.

Screenshots

Mobile View

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
commented

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