Narzędzia
Jakiej czcionki używa ta strona?
Wpisz adres strony i zobacz, jakich czcionek używa: rodzinę, skąd jest ładowana, jak jest ustawiona w nagłówkach i tekście oraz najbliższy darmowy zamiennik z Google Fonts.
Wypróbujstripe.comlinear.appairbnb.com
linear.app
Zmierzono 4 dni temu.
:root {
--font-heading: "Inter Variable", "Inter", sans-serif; /* Inter stands in for Inter Variable */
--font-body: "Inter Variable", "Inter", sans-serif; /* Inter stands in for Inter Variable */
--font-mono: "Berkeley Mono", "JetBrains Mono", monospace; /* JetBrains Mono stands in for Berkeley Mono */
--font-size-base: 24px;
}Jak to działa
Stylepack otwiera stronę w prawdziwej przeglądarce, mierzy to, co się renderuje (a nie to, co mówi arkusz stylów) w czterech szerokościach i w obu motywach, a wynik zapisuje jako pakiet designu. Strona już zmierzona odpowiada od razu; nowa zajmuje mniej niż minutę. Każda wartość na tej stronie pochodzi z tego pakietu.
Pytania
Jak sprawdzacie, jakiej czcionki używa strona?
Strona jest otwierana w prawdziwej przeglądarce i każdy styl tekstu jest mierzony tak, jak się renderuje: rodzina, której przeglądarka faktycznie użyła, jej grubość, rozmiar, interlinia i tracking. Czcionka zadeklarowana w CSS, ale nigdy nie załadowana, nie jest raportowana.
Co, jeśli czcionka nie jest darmowa?
Większość czcionek marek jest licencjonowana. Wynik podaje najbliższy darmowy zamiennik z Google Fonts, a CSS wstawia go do stosu czcionek jako zastępstwo, więc ten sam arkusz stylów działa z licencjonowaną czcionką i bez niej.
Czym to się różni od rozszerzenia do przeglądarki?
Rozszerzenie podaje rodzinę pod kursorem. Ta strona mierzy całą witrynę naraz, porządkuje rodziny według roli i daje CSS do wklejenia, a do tego pełny pakiet designu dla agenta AI do kodowania.