1) Wprowadzenie

Google Fonts to biblioteka ponad 1 000 darmowych fontów, które można łatwo integrować w projektach internetowych. Na platformie Bitfun Google Fonts jest używany w celu:

• nadania spójnego i nowoczesnego wyglądu UI,

• personalizacji wyglądu komponentów interfejsu,

• zwiększenia czytelności tekstów w panelu.

Google Fonts wspiera zarówno fonty webowe, jak i self-hosted, ale w Bitfun wykorzystujemy głównie CDN Google dla prostoty i szybkiego ładowania.

https://fonts.google.com/

2) Możliwości Google Fonts

• Różnorodność stylów – każda rodzina fontów może zawierać wiele wag (light, regular, bold) i stylów (italic, normal).

• Responsywność i skalowanie – fonty działają poprawnie na wszystkich urządzeniach i rozdzielczościach.

• Łatwa integracja – wystarczy link do CDN lub import w CSS.

• Bezpieczeństwo i aktualizacje – Google zapewnia aktualizacje i optymalizacje fontów.

• Wsparcie dla wielu języków – w tym polskiego, niemieckiego i innych znaków diakrytycznych.

3) Integracja

3.1) Za pomocą CDN (HTML)

W większości plików HTML w Bitfun fonty są ładowane z CDN Google:

<link href="https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;700&display=swap" rel="stylesheet">

3.2) Import w CSS

@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;700&display=swap');

body { 
    font-family: 'Rajdhani', Arial, sans-serif; 
    color: #e0e0e0; 
}

4) Ikonki i Emoji

Google oferuje też Material Icons – gotowe, skalowalne ikonki webowe, które można łatwo włączyć przez CDN:

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 

Umożliwiają one szybkie dodanie ikon do przycisków, formularzy czy paneli administracyjnych.