Stylepack

Czcionki

Czcionki, których używa arc.net

arc.net składa nagłówki w czcionce Exposure VAR, a tekst w czcionce ABC Oracle. Exposure VAR to licencjonowana czcionka, którą strona serwuje sama. Najbliższy darmowy zamiennik z Google Fonts: Inter.

Zmierzono na arc.net 6 dni temu.

Otwórz pełny pakiet designuPobierz pakiet

Rodziny czcionek

Czcionki: 3
Exposure VAR
Użycie
h1
Źródło
Własny hosting
Darmowy zamiennik
Inter
ABC Oracle
Użycie
h2, h3, body, button
Źródło
Własny hosting
Darmowy zamiennik
Inter
-apple-system
Użycie
code
Źródło
systemowa
Darmowy zamiennik
Już darmowa

CSS do odtworzenia

Zmienne czcionek z darmowym zamiennikiem w stosie, więc ten sam CSS działa z licencjonowaną czcionką i bez niej.

:root {
  --font-heading: "Exposure VAR", "Inter", sans-serif; /* Inter stands in for Exposure VAR */
  --font-body: "ABC Oracle", "Inter", sans-serif; /* Inter stands in for ABC Oracle */
  --font-mono: "-apple-system", monospace;
  --font-size-base: 17px;
}

Jak składany jest tekst

headline-displayQuick brown foxExposure VAR / 76px / 600 / lh 85.88px / -2.432px
headline-lgQuick brown foxABC Oracle / 20px / 350 / lh 28.4px / -0.4px
headline-mdQuick brown foxABC Oracle / 16px / 350 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogABC Oracle / 17px / 350 / lh 26.18px / -0.255px
label-mdThe quick brown fox jumps over the lazy dogABC Oracle / 13px / 350 / lh 1.4
buttonThe quick brown fox jumps over the lazy dogABC Oracle / 22px / 350 / lh 26.4px / -0.44px
codeconst pack = extract(url)-apple-system / 11px / 500 / lh 11px / -0.44px
Używane rozmiary czcionek
1113161718202122386476

Dla agentów AI

Pakiet to zwykły tekst, bez klucza: pobierz DESIGN.md albo przekaż cały pakiet do Claude Code, Cursor lub Copilot przez serwer MCP.

curl -s https://stylepack.ai/packs/arc.net/DESIGN.md

Pytania

Jakiej czcionki używa arc.net?

arc.net używa Exposure VAR, ABC Oracle, -apple-system. Nagłówki są złożone w czcionce Exposure VAR, a tekst w czcionce ABC Oracle; zmierzono to na stronie tak, jak się renderuje, a nie odczytano z jej arkusza stylów.

Czy czcionka arc.net jest darmowa?

Nie. Exposure VAR to licencjonowana czcionka, którą arc.net serwuje sam. Najbliższy darmowy zamiennik to Inter, dostępny w Google Fonts. CSS na tej stronie wstawia go do stosu czcionek jako zastępstwo.

Jak uzyskać w projekcie taką samą typografię jak arc.net?

Pobierz pakiet designu arc.net ze Stylepack: zawiera stos czcionek, skalę typograficzną, każdy styl tekstu i zrzuty ekranu w formie, z której agent AI do kodowania, taki jak Claude Code czy Cursor, może budować.