mirror of
https://github.com/sst/opencode.git
synced 2025-12-23 10:11:41 +00:00
feat(desktop): inter and ibm plex mono
This commit is contained in:
parent
57c3cf1f8b
commit
8fb014a48d
15 changed files with 12 additions and 12 deletions
BIN
packages/ui/src/assets/fonts/ibm-plex-mono.otf
Normal file
BIN
packages/ui/src/assets/fonts/ibm-plex-mono.otf
Normal file
Binary file not shown.
BIN
packages/ui/src/assets/fonts/ibm-plex-mono.woff2
Normal file
BIN
packages/ui/src/assets/fonts/ibm-plex-mono.woff2
Normal file
Binary file not shown.
BIN
packages/ui/src/assets/fonts/inter-italic.otf
Normal file
BIN
packages/ui/src/assets/fonts/inter-italic.otf
Normal file
Binary file not shown.
BIN
packages/ui/src/assets/fonts/inter-italic.woff2
Normal file
BIN
packages/ui/src/assets/fonts/inter-italic.woff2
Normal file
Binary file not shown.
BIN
packages/ui/src/assets/fonts/inter.otf
Normal file
BIN
packages/ui/src/assets/fonts/inter.otf
Normal file
Binary file not shown.
BIN
packages/ui/src/assets/fonts/inter.woff2
Normal file
BIN
packages/ui/src/assets/fonts/inter.woff2
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -1,20 +1,20 @@
|
|||
import { Style, Link } from "@solidjs/meta"
|
||||
import geist from "../assets/fonts/geist.woff2"
|
||||
import tx02 from "../assets/fonts/tx-02.woff2"
|
||||
import inter from "../assets/fonts/inter.woff2"
|
||||
import ibmPlexMono from "../assets/fonts/ibm-plex-mono.woff2"
|
||||
|
||||
export const Font = () => {
|
||||
return (
|
||||
<>
|
||||
<Style>{`
|
||||
@font-face {
|
||||
font-family: "Geist";
|
||||
src: url("${geist}") format("woff2-variations");
|
||||
font-family: "Inter";
|
||||
src: url("${inter}") format("woff2-variations");
|
||||
font-display: swap;
|
||||
font-style: normal;
|
||||
font-weight: 100 900;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Geist Fallback";
|
||||
font-family: "Inter Fallback";
|
||||
src: local("Arial");
|
||||
size-adjust: 100%;
|
||||
ascent-override: 97%;
|
||||
|
|
@ -22,14 +22,14 @@ export const Font = () => {
|
|||
line-gap-override: 1%;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Berkeley Mono";
|
||||
src: url("${tx02}") format("woff2-variations");
|
||||
font-family: "IBM Plex Mono";
|
||||
src: url("${ibmPlexMono}") format("woff2-variations");
|
||||
font-display: swap;
|
||||
font-style: normal;
|
||||
font-weight: 400 700;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Berkeley Mono Fallback";
|
||||
font-family: "IBM Plex Mono Fallback";
|
||||
src: local("Courier New");
|
||||
size-adjust: 100%;
|
||||
ascent-override: 97%;
|
||||
|
|
@ -37,8 +37,8 @@ export const Font = () => {
|
|||
line-gap-override: 1%;
|
||||
}
|
||||
`}</Style>
|
||||
<Link rel="preload" href={geist} as="font" type="font/woff2" crossorigin="anonymous" />
|
||||
<Link rel="preload" href={tx02} as="font" type="font/woff2" crossorigin="anonymous" />
|
||||
<Link rel="preload" href={inter} as="font" type="font/woff2" crossorigin="anonymous" />
|
||||
<Link rel="preload" href={ibmPlexMono} as="font" type="font/woff2" crossorigin="anonymous" />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
:root {
|
||||
--font-family-sans: "Geist", "Geist Fallback";
|
||||
--font-family-sans: "Inter", "Inter Fallback";
|
||||
--font-family-sans--font-feature-settings: "ss03" 1;
|
||||
--font-family-mono: "Berkeley Mono", "Berkeley Mono Fallback";
|
||||
--font-family-mono: "IBM Plex Mono", "IBM Plex Mono Fallback";
|
||||
--font-family-mono--font-feature-settings: "ss01" 1;
|
||||
|
||||
--font-size-small: 13px;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue