Tester Czcionek i Par

Podglądaj pary Google Fonts, odstępy i style.

Konfiguracja typografii

Czcionka tytułu

Czcionka tekstu

Rozmiar tytułu36px

Grubość tytułu

Rozmiar tekstu16px

Grubość tekstu

Popularne połączenia

Nowoczesny TechPoppins + InterKlasyczne EditorialPlayfair Display + LoraKorporacyjny BoldMontserrat + Open SansCzysty MonospaceJetBrains Mono + RobotoCiepłe WiadomościMerriweather + Lato

Eksport kodu CSS

/* CSS Integration */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Lora:wght@400;700&display=swap');

h1.custom-title {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  font-size: 36px;
}

p.custom-body {
  font-family: 'Lora', serif;
  font-weight: 400;
  font-size: 16px;
}

Jak to działa

Wybierz czcionki Google Fonts do zestawienia i podglądu.
Wpisz własny tekst w edytowalny podgląd na żywo.
Dostosuj rozmiar, grubość i odstępy, aby przetestować typografię.
Wyeksportuj kod CSS, aby użyć zestawienia w swoim projekcie.

Do czego służy

Wypróbowanie zestawienia czcionek nagłówka i tekstu przed decyzją.
Podgląd, jak wygląda prawdziwy tekst w danej czcionce.
Uzyskanie kodu CSS do osadzenia zestawienia Google Fonts.

Warto wiedzieć

Narzędzie ładuje czcionki z Google Fonts, więc podgląd czcionki pobiera ją z Google (jedyne miejsce, w którym to narzędzie nie jest w pełni offline).
Renderowanie może się nieco różnić między systemami operacyjnymi i przeglądarkami.

Najczęstsze pytania

Czy używa mojego własnego tekstu?

Tak — podgląd jest edytowalny, więc możesz wkleić prawdziwe nagłówki i akapity zamiast tekstu zastępczego.

Czy mogę uzyskać kod CSS?

Tak — narzędzie eksportuje CSS do osadzenia wybranego zestawienia Google Fonts w Twojej witrynie.

Czy to działa w pełni offline?

Prawie — wszystko działa w przeglądarce, ale podgląd czcionki Google pobiera jej plik z Google. Żaden wpisany przez Ciebie tekst nie jest przesyłany.

Powiązane narzędzia

Przeglądarka DXF

Paleta Kolorów

Konwerter Kolorów

Generator Box Shadow CSS

Sprawdzanie Kontrastu