diff --git a/codex-ui/src/fonts/Inter/Inter-Bold.woff2 b/codex-ui/src/fonts/Inter/Inter-Bold.woff2 new file mode 100644 index 00000000..b9e3cb3b Binary files /dev/null and b/codex-ui/src/fonts/Inter/Inter-Bold.woff2 differ diff --git a/codex-ui/src/fonts/Inter/Inter-Regular.woff2 b/codex-ui/src/fonts/Inter/Inter-Regular.woff2 new file mode 100644 index 00000000..2bcd222e Binary files /dev/null and b/codex-ui/src/fonts/Inter/Inter-Regular.woff2 differ diff --git a/codex-ui/src/fonts/Inter/Inter-SemiBold.woff2 b/codex-ui/src/fonts/Inter/Inter-SemiBold.woff2 new file mode 100644 index 00000000..fbae113d Binary files /dev/null and b/codex-ui/src/fonts/Inter/Inter-SemiBold.woff2 differ diff --git a/codex-ui/src/fonts/Inter/InterDisplay-Bold.woff2 b/codex-ui/src/fonts/Inter/InterDisplay-Bold.woff2 new file mode 100644 index 00000000..304c31d1 Binary files /dev/null and b/codex-ui/src/fonts/Inter/InterDisplay-Bold.woff2 differ diff --git a/codex-ui/src/fonts/Inter/InterDisplay-Regular.woff2 b/codex-ui/src/fonts/Inter/InterDisplay-Regular.woff2 new file mode 100644 index 00000000..b5a45e85 Binary files /dev/null and b/codex-ui/src/fonts/Inter/InterDisplay-Regular.woff2 differ diff --git a/codex-ui/src/fonts/Inter/InterDisplay-SemiBold.woff2 b/codex-ui/src/fonts/Inter/InterDisplay-SemiBold.woff2 new file mode 100644 index 00000000..6e04091f Binary files /dev/null and b/codex-ui/src/fonts/Inter/InterDisplay-SemiBold.woff2 differ diff --git a/codex-ui/src/fonts/Inter/InterVariable-Italic.woff2 b/codex-ui/src/fonts/Inter/InterVariable-Italic.woff2 new file mode 100644 index 00000000..b3530f3f Binary files /dev/null and b/codex-ui/src/fonts/Inter/InterVariable-Italic.woff2 differ diff --git a/codex-ui/src/fonts/Inter/InterVariable.woff2 b/codex-ui/src/fonts/Inter/InterVariable.woff2 new file mode 100644 index 00000000..5a8d3e72 Binary files /dev/null and b/codex-ui/src/fonts/Inter/InterVariable.woff2 differ diff --git a/codex-ui/src/fonts/Inter/inter.css b/codex-ui/src/fonts/Inter/inter.css new file mode 100644 index 00000000..b5fc4a7f --- /dev/null +++ b/codex-ui/src/fonts/Inter/inter.css @@ -0,0 +1,118 @@ +/* Variable fonts usage: +:root { font-family: "Inter", sans-serif; } +@supports (font-variation-settings: normal) { + :root { font-family: "InterVariable", sans-serif; font-optical-sizing: auto; } +} */ +@font-face { + font-family: InterVariable; + font-style: normal; + font-weight: 100 900; + font-display: swap; + src: url("InterVariable.woff2") format("woff2"); +} +@font-face { + font-family: InterVariable; + font-style: italic; + font-weight: 100 900; + font-display: swap; + src: url("InterVariable-Italic.woff2") format("woff2"); +} + +/* static fonts */ +@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("Inter-Regular.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("Inter-SemiBold.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("Inter-Bold.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 400; font-display: swap; src: url("InterDisplay-Regular.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 600; font-display: swap; src: url("InterDisplay-SemiBold.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 700; font-display: swap; src: url("InterDisplay-Bold.woff2") format("woff2"); } + +@font-feature-values InterVariable { + @character-variant { + cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8; + cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13; + alt-1: 1; /* Alternate one */ + alt-3: 9; /* Flat-top three */ + open-4: 2; /* Open four */ + open-6: 3; /* Open six */ + open-9: 4; /* Open nine */ + lc-l-with-tail: 5; /* Lower-case L with tail */ + simplified-u: 6; /* Simplified u */ + alt-double-s: 7; /* Alternate German double s */ + uc-i-with-serif: 8; /* Upper-case i with serif */ + uc-g-with-spur: 10; /* Capital G with spur */ + single-story-a: 11; /* Single-story a */ + compact-lc-f: 12; /* Compact f */ + compact-lc-t: 13; /* Compact t */ + } + @styleset { + ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8; + open-digits: 1; /* Open digits */ + disambiguation: 2; /* Disambiguation (with zero) */ + disambiguation-except-zero: 4; /* Disambiguation (no zero) */ + round-quotes-and-commas: 3; /* Round quotes & commas */ + square-punctuation: 7; /* Square punctuation */ + square-quotes: 8; /* Square quotes */ + circled-characters: 5; /* Circled characters */ + squared-characters: 6; /* Squared characters */ + } +} +@font-feature-values Inter { + @character-variant { + cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8; + cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13; + alt-1: 1; /* Alternate one */ + alt-3: 9; /* Flat-top three */ + open-4: 2; /* Open four */ + open-6: 3; /* Open six */ + open-9: 4; /* Open nine */ + lc-l-with-tail: 5; /* Lower-case L with tail */ + simplified-u: 6; /* Simplified u */ + alt-double-s: 7; /* Alternate German double s */ + uc-i-with-serif: 8; /* Upper-case i with serif */ + uc-g-with-spur: 10; /* Capital G with spur */ + single-story-a: 11; /* Single-story a */ + compact-lc-f: 12; /* Compact f */ + compact-lc-t: 13; /* Compact t */ + } + @styleset { + ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8; + open-digits: 1; /* Open digits */ + disambiguation: 2; /* Disambiguation (with zero) */ + disambiguation-except-zero: 4; /* Disambiguation (no zero) */ + round-quotes-and-commas: 3; /* Round quotes & commas */ + square-punctuation: 7; /* Square punctuation */ + square-quotes: 8; /* Square quotes */ + circled-characters: 5; /* Circled characters */ + squared-characters: 6; /* Squared characters */ + } +} +@font-feature-values InterDisplay { + @character-variant { + cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8; + cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13; + alt-1: 1; /* Alternate one */ + alt-3: 9; /* Flat-top three */ + open-4: 2; /* Open four */ + open-6: 3; /* Open six */ + open-9: 4; /* Open nine */ + lc-l-with-tail: 5; /* Lower-case L with tail */ + simplified-u: 6; /* Simplified u */ + alt-double-s: 7; /* Alternate German double s */ + uc-i-with-serif: 8; /* Upper-case i with serif */ + uc-g-with-spur: 10; /* Capital G with spur */ + single-story-a: 11; /* Single-story a */ + compact-lc-f: 12; /* Compact f */ + compact-lc-t: 13; /* Compact t */ + } + @styleset { + ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8; + open-digits: 1; /* Open digits */ + disambiguation: 2; /* Disambiguation (with zero) */ + disambiguation-except-zero: 4; /* Disambiguation (no zero) */ + round-quotes-and-commas: 3; /* Round quotes & commas */ + square-punctuation: 7; /* Square punctuation */ + square-quotes: 8; /* Square quotes */ + circled-characters: 5; /* Circled characters */ + squared-characters: 6; /* Squared characters */ + } +} diff --git a/codex-ui/src/fonts/JetBrainsMono/JetBrainsMono-Bold.woff2 b/codex-ui/src/fonts/JetBrainsMono/JetBrainsMono-Bold.woff2 new file mode 100644 index 00000000..4917f434 Binary files /dev/null and b/codex-ui/src/fonts/JetBrainsMono/JetBrainsMono-Bold.woff2 differ diff --git a/codex-ui/src/fonts/JetBrainsMono/JetBrainsMono-Regular.woff2 b/codex-ui/src/fonts/JetBrainsMono/JetBrainsMono-Regular.woff2 new file mode 100644 index 00000000..40da4276 Binary files /dev/null and b/codex-ui/src/fonts/JetBrainsMono/JetBrainsMono-Regular.woff2 differ diff --git a/codex-ui/src/fonts/JetBrainsMono/JetBrainsMono-SemiBold.woff2 b/codex-ui/src/fonts/JetBrainsMono/JetBrainsMono-SemiBold.woff2 new file mode 100644 index 00000000..5ead7b0d Binary files /dev/null and b/codex-ui/src/fonts/JetBrainsMono/JetBrainsMono-SemiBold.woff2 differ diff --git a/codex-ui/src/fonts/JetBrainsMono/JetBrainsMono.css b/codex-ui/src/fonts/JetBrainsMono/JetBrainsMono.css new file mode 100644 index 00000000..49991c3e --- /dev/null +++ b/codex-ui/src/fonts/JetBrainsMono/JetBrainsMono.css @@ -0,0 +1,20 @@ +@font-face { + font-family: 'JetBrains Mono'; + font-style: normal; + font-weight: 400; + src: local("JetBrains Mono Regular"), local("JetBrainsMono-Regular"), url("JetBrainsMono-Regular.woff2") format("woff2"); + font-display: swap; } + +@font-face { + font-family: 'JetBrains Mono'; + font-style: normal; + font-weight: 600; + src: local("JetBrains Mono SemiBold"), local("JetBrainsMono-SemiBold"), url("JetBrainsMono-SemiBold.woff2") format("woff2"); ; +} + +@font-face { + font-family: 'JetBrains Mono'; + font-style: normal; + font-weight: 700; + src: local("JetBrains Mono Bold"), local("JetBrainsMono-Bold"), url("JetBrainsMono-Bold.woff2") format("woff2"); + font-display: swap; } diff --git a/codex-ui/src/styles/typography.pcss b/codex-ui/src/styles/typography.pcss index d16fa917..1c08c5de 100644 --- a/codex-ui/src/styles/typography.pcss +++ b/codex-ui/src/styles/typography.pcss @@ -1,5 +1,5 @@ -@import url('https://rsms.me/inter/inter.css'); -@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap'); +@import url('../fonts/Inter/inter.css'); +@import url('../fonts/JetBrainsMono/JetBrainsMono.css'); /** * Fonts setup @@ -25,7 +25,7 @@ */ :root { /** - * Base font size. All other sizes are based on this value. + * Base fonts size. All other sizes are based on this value. */ font-size: 15px;