Skip to content

Commit

Permalink
Add Isoso
Browse files Browse the repository at this point in the history
  • Loading branch information
@xypnox
xypnox committed Aug 16, 2024
1 parent 1a907fc commit f179040
Show file tree
Hide file tree
Showing 41 changed files with 508 additions and 186 deletions.
287 changes: 287 additions & 0 deletions public/isoso/Isoso.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,287 @@
@font-face {
font-family: "Isoso Web";
font-display: swap;
font-weight: 100;
font-stretch: normal;
font-style: normal;
src:
url("WOFF2/Isoso-Thin.woff2") format("woff2"),
url("TTF/Isoso-Thin.ttf") format("truetype");
}

@font-face {
font-family: "Isoso Web";
font-display: swap;
font-weight: 100;
font-stretch: normal;
font-style: oblique;
src:
url("WOFF2/Isoso-ThinOblique.woff2") format("woff2"),
url("TTF/Isoso-ThinOblique.ttf") format("truetype");
}

@font-face {
font-family: "Isoso Web Oblique";
font-display: swap;
font-weight: 100;
font-stretch: normal;
src:
url("WOFF2/Isoso-ThinOblique.woff2") format("woff2"),
url("TTF/Isoso-ThinOblique.ttf") format("truetype");
}

@font-face {
font-family: "Isoso Web";
font-display: swap;
font-weight: 200;
font-stretch: normal;
font-style: normal;
src:
url("WOFF2/Isoso-ExtraLight.woff2") format("woff2"),
url("TTF/Isoso-ExtraLight.ttf") format("truetype");
}

@font-face {
font-family: "Isoso Web";
font-display: swap;
font-weight: 200;
font-stretch: normal;
font-style: oblique;
src:
url("WOFF2/Isoso-ExtraLightOblique.woff2") format("woff2"),
url("TTF/Isoso-ExtraLightOblique.ttf") format("truetype");
}

@font-face {
font-family: "Isoso Web Oblique";
font-display: swap;
font-weight: 200;
font-stretch: normal;
src:
url("WOFF2/Isoso-ExtraLightOblique.woff2") format("woff2"),
url("TTF/Isoso-ExtraLightOblique.ttf") format("truetype");
}

@font-face {
font-family: "Isoso Web";
font-display: swap;
font-weight: 300;
font-stretch: normal;
font-style: normal;
src:
url("WOFF2/Isoso-Light.woff2") format("woff2"),
url("TTF/Isoso-Light.ttf") format("truetype");
}

@font-face {
font-family: "Isoso Web";
font-display: swap;
font-weight: 300;
font-stretch: normal;
font-style: oblique;
src:
url("WOFF2/Isoso-LightOblique.woff2") format("woff2"),
url("TTF/Isoso-LightOblique.ttf") format("truetype");
}

@font-face {
font-family: "Isoso Web Oblique";
font-display: swap;
font-weight: 300;
font-stretch: normal;
src:
url("WOFF2/Isoso-LightOblique.woff2") format("woff2"),
url("TTF/Isoso-LightOblique.ttf") format("truetype");
}

@font-face {
font-family: "Isoso Web";
font-display: swap;
font-weight: 400;
font-stretch: normal;
font-style: normal;
src:
url("WOFF2/Isoso-Regular.woff2") format("woff2"),
url("TTF/Isoso-Regular.ttf") format("truetype");
}

@font-face {
font-family: "Isoso Web";
font-display: swap;
font-weight: 400;
font-stretch: normal;
font-style: oblique;
src:
url("WOFF2/Isoso-Oblique.woff2") format("woff2"),
url("TTF/Isoso-Oblique.ttf") format("truetype");
}

@font-face {
font-family: "Isoso Web Oblique";
font-display: swap;
font-weight: 400;
font-stretch: normal;
src:
url("WOFF2/Isoso-Oblique.woff2") format("woff2"),
url("TTF/Isoso-Oblique.ttf") format("truetype");
}

@font-face {
font-family: "Isoso Web";
font-display: swap;
font-weight: 500;
font-stretch: normal;
font-style: normal;
src:
url("WOFF2/Isoso-Medium.woff2") format("woff2"),
url("TTF/Isoso-Medium.ttf") format("truetype");
}

@font-face {
font-family: "Isoso Web";
font-display: swap;
font-weight: 500;
font-stretch: normal;
font-style: oblique;
src:
url("WOFF2/Isoso-MediumOblique.woff2") format("woff2"),
url("TTF/Isoso-MediumOblique.ttf") format("truetype");
}

@font-face {
font-family: "Isoso Web Oblique";
font-display: swap;
font-weight: 500;
font-stretch: normal;
src:
url("WOFF2/Isoso-MediumOblique.woff2") format("woff2"),
url("TTF/Isoso-MediumOblique.ttf") format("truetype");
}

@font-face {
font-family: "Isoso Web";
font-display: swap;
font-weight: 600;
font-stretch: normal;
font-style: normal;
src:
url("WOFF2/Isoso-SemiBold.woff2") format("woff2"),
url("TTF/Isoso-SemiBold.ttf") format("truetype");
}

@font-face {
font-family: "Isoso Web";
font-display: swap;
font-weight: 600;
font-stretch: normal;
font-style: oblique;
src:
url("WOFF2/Isoso-SemiBoldOblique.woff2") format("woff2"),
url("TTF/Isoso-SemiBoldOblique.ttf") format("truetype");
}

@font-face {
font-family: "Isoso Web Oblique";
font-display: swap;
font-weight: 600;
font-stretch: normal;
src:
url("WOFF2/Isoso-SemiBoldOblique.woff2") format("woff2"),
url("TTF/Isoso-SemiBoldOblique.ttf") format("truetype");
}

@font-face {
font-family: "Isoso Web";
font-display: swap;
font-weight: 700;
font-stretch: normal;
font-style: normal;
src:
url("WOFF2/Isoso-Bold.woff2") format("woff2"),
url("TTF/Isoso-Bold.ttf") format("truetype");
}

@font-face {
font-family: "Isoso Web";
font-display: swap;
font-weight: 700;
font-stretch: normal;
font-style: oblique;
src:
url("WOFF2/Isoso-BoldOblique.woff2") format("woff2"),
url("TTF/Isoso-BoldOblique.ttf") format("truetype");
}

@font-face {
font-family: "Isoso Web Oblique";
font-display: swap;
font-weight: 700;
font-stretch: normal;
src:
url("WOFF2/Isoso-BoldOblique.woff2") format("woff2"),
url("TTF/Isoso-BoldOblique.ttf") format("truetype");
}

@font-face {
font-family: "Isoso Web";
font-display: swap;
font-weight: 800;
font-stretch: normal;
font-style: normal;
src:
url("WOFF2/Isoso-ExtraBold.woff2") format("woff2"),
url("TTF/Isoso-ExtraBold.ttf") format("truetype");
}

@font-face {
font-family: "Isoso Web";
font-display: swap;
font-weight: 800;
font-stretch: normal;
font-style: oblique;
src:
url("WOFF2/Isoso-ExtraBoldOblique.woff2") format("woff2"),
url("TTF/Isoso-ExtraBoldOblique.ttf") format("truetype");
}

@font-face {
font-family: "Isoso Web Oblique";
font-display: swap;
font-weight: 800;
font-stretch: normal;
src:
url("WOFF2/Isoso-ExtraBoldOblique.woff2") format("woff2"),
url("TTF/Isoso-ExtraBoldOblique.ttf") format("truetype");
}

@font-face {
font-family: "Isoso Web";
font-display: swap;
font-weight: 900;
font-stretch: normal;
font-style: normal;
src:
url("WOFF2/Isoso-Heavy.woff2") format("woff2"),
url("TTF/Isoso-Heavy.ttf") format("truetype");
}

@font-face {
font-family: "Isoso Web";
font-display: swap;
font-weight: 900;
font-stretch: normal;
font-style: oblique;
src:
url("WOFF2/Isoso-HeavyOblique.woff2") format("woff2"),
url("TTF/Isoso-HeavyOblique.ttf") format("truetype");
}

@font-face {
font-family: "Isoso Web Oblique";
font-display: swap;
font-weight: 900;
font-stretch: normal;
src:
url("WOFF2/Isoso-HeavyOblique.woff2") format("woff2"),
url("TTF/Isoso-HeavyOblique.ttf") format("truetype");
}
Binary file added public/isoso/TTF/Isoso-Bold.ttf
View file
Binary file not shown.
Binary file added public/isoso/TTF/Isoso-BoldOblique.ttf
View file
Binary file not shown.
Binary file added public/isoso/TTF/Isoso-ExtraBold.ttf
View file
Binary file not shown.
Binary file added public/isoso/TTF/Isoso-ExtraBoldOblique.ttf
View file
Binary file not shown.
Binary file added public/isoso/TTF/Isoso-ExtraLight.ttf
View file
Binary file not shown.
Binary file added public/isoso/TTF/Isoso-ExtraLightOblique.ttf
View file
Binary file not shown.
Binary file added public/isoso/TTF/Isoso-Heavy.ttf
View file
Binary file not shown.
Binary file added public/isoso/TTF/Isoso-HeavyOblique.ttf
View file
Binary file not shown.
Binary file added public/isoso/TTF/Isoso-Light.ttf
View file
Binary file not shown.
Binary file added public/isoso/TTF/Isoso-LightOblique.ttf
View file
Binary file not shown.
Binary file added public/isoso/TTF/Isoso-Medium.ttf
View file
Binary file not shown.
Binary file added public/isoso/TTF/Isoso-MediumOblique.ttf
View file
Binary file not shown.
Binary file added public/isoso/TTF/Isoso-Oblique.ttf
View file
Binary file not shown.
Binary file added public/isoso/TTF/Isoso-Regular.ttf
View file
Binary file not shown.
Binary file added public/isoso/TTF/Isoso-SemiBold.ttf
View file
Binary file not shown.
Binary file added public/isoso/TTF/Isoso-SemiBoldOblique.ttf
View file
Binary file not shown.
Binary file added public/isoso/TTF/Isoso-Thin.ttf
View file
Binary file not shown.
Binary file added public/isoso/TTF/Isoso-ThinOblique.ttf
View file
Binary file not shown.
Binary file added public/isoso/WOFF2/Isoso-Bold.woff2
View file
Binary file not shown.
Binary file added public/isoso/WOFF2/Isoso-BoldOblique.woff2
View file
Binary file not shown.
Binary file added public/isoso/WOFF2/Isoso-ExtraBold.woff2
View file
Binary file not shown.
Binary file added public/isoso/WOFF2/Isoso-ExtraBoldOblique.woff2
View file
Binary file not shown.
Binary file added public/isoso/WOFF2/Isoso-ExtraLight.woff2
View file
Binary file not shown.
Binary file added public/isoso/WOFF2/Isoso-ExtraLightOblique.woff2
View file
Binary file not shown.
Binary file added public/isoso/WOFF2/Isoso-Heavy.woff2
View file
Binary file not shown.
Binary file added public/isoso/WOFF2/Isoso-HeavyOblique.woff2
View file
Binary file not shown.
Binary file added public/isoso/WOFF2/Isoso-Light.woff2
View file
Binary file not shown.
Binary file added public/isoso/WOFF2/Isoso-LightOblique.woff2
View file
Binary file not shown.
Binary file added public/isoso/WOFF2/Isoso-Medium.woff2
View file
Binary file not shown.
Binary file added public/isoso/WOFF2/Isoso-MediumOblique.woff2
View file
Binary file not shown.
Binary file added public/isoso/WOFF2/Isoso-Oblique.woff2
View file
Binary file not shown.
Binary file added public/isoso/WOFF2/Isoso-Regular.woff2
View file
Binary file not shown.
Binary file added public/isoso/WOFF2/Isoso-SemiBold.woff2
View file
Binary file not shown.
Binary file added public/isoso/WOFF2/Isoso-SemiBoldOblique.woff2
View file
Binary file not shown.
Binary file added public/isoso/WOFF2/Isoso-Thin.woff2
View file
Binary file not shown.
Binary file added public/isoso/WOFF2/Isoso-ThinOblique.woff2
View file
Binary file not shown.
1 change: 1 addition & 0 deletions src/components/themeManager/editor.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -179,6 +179,7 @@ const ToggleSection = (props: ParentProps & {
}

const SelectedFamilies = [
'Isoso Web',
'Inter',
'Jost',
'Outfit',
Expand Down
6 changes: 1 addition & 5 deletions src/layouts/MainLayout.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,11 +16,7 @@ const props = Astro.props;

<BaseLayout {...props} themeCssVars={themeCssVars}>
<Fragment slot="head">
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=block"
rel="stylesheet"
<link href="/isoso/Isoso.css" rel="stylesheet"
/>
<StyleLoader />
</Fragment>
Expand Down
1 change: 1 addition & 0 deletions src/pages/about.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,7 @@ This website uses:
1. [Iconify Icons](https://iconify.design/)
1. [Phosphor Icons](https://icon-sets.iconify.design/ph/)
1. [Themescura](/blag/posts/themescura/introducing-themescura/)
1. A custom subset of [Iosveka](https://github.com/be5invis/Iosevka/) as a webfont called `Isoso Web`

## Components

Expand Down
Loading

0 comments on commit f179040

Please sign in to comment.