mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-26 15:48:31 -04:00
92 lines
3.7 KiB
TypeScript
92 lines
3.7 KiB
TypeScript
import type { AtRule } from "@stitches/react/types/css";
|
|
|
|
// Legacy
|
|
import robotoMonoLatin400NormalWoff from "@fontsource/roboto-mono/files/roboto-mono-latin-400-normal.woff";
|
|
import robotoMonoLatin400NormalWoff2 from "@fontsource/roboto-mono/files/roboto-mono-latin-400-normal.woff2";
|
|
import robotoMonoLatin500NormalWoff from "@fontsource/roboto-mono/files/roboto-mono-latin-500-normal.woff";
|
|
import robotoMonoLatin500NormalWoff2 from "@fontsource/roboto-mono/files/roboto-mono-latin-500-normal.woff2";
|
|
import robotoMonoLatin700NormalWoff from "@fontsource/roboto-mono/files/roboto-mono-latin-700-normal.woff";
|
|
import robotoMonoLatin700NormalWoff2 from "@fontsource/roboto-mono/files/roboto-mono-latin-700-normal.woff2";
|
|
import robotoMonoLatin400ItalicWoff from "@fontsource/roboto-mono/files/roboto-mono-latin-400-italic.woff";
|
|
import robotoMonoLatin400ItalicWoff2 from "@fontsource/roboto-mono/files/roboto-mono-latin-400-italic.woff2";
|
|
import robotoMonoLatin500ItalicWoff from "@fontsource/roboto-mono/files/roboto-mono-latin-500-italic.woff";
|
|
import robotoMonoLatin500ItalicWoff2 from "@fontsource/roboto-mono/files/roboto-mono-latin-500-italic.woff2";
|
|
import robotoMonoLatin700ItalicWoff from "@fontsource/roboto-mono/files/roboto-mono-latin-700-italic.woff";
|
|
import robotoMonoLatin700ItalicWoff2 from "@fontsource/roboto-mono/files/roboto-mono-latin-700-italic.woff2";
|
|
|
|
// Variable
|
|
import robotoMonoLatinVarWghtOnlyNormalWoff2 from "@fontsource/roboto-mono/files/roboto-mono-latin-variable-wghtOnly-normal.woff2";
|
|
import robotoMonoLatinVarWghtOnlyItalicWoff2 from "@fontsource/roboto-mono/files/roboto-mono-latin-variable-wghtOnly-italic.woff2";
|
|
|
|
export const name = {
|
|
regular: "Roboto Mono",
|
|
variable: "Roboto Mono var",
|
|
};
|
|
|
|
// re-export hashed URL(s) of the most prominent files so we can preload them in `<head>` (see pages/_document.tsx):
|
|
export const preloads = [
|
|
{
|
|
href: robotoMonoLatinVarWghtOnlyNormalWoff2,
|
|
type: "font/woff2",
|
|
},
|
|
];
|
|
|
|
export const family: AtRule.FontFace[] = [
|
|
{
|
|
fontFamily: name.regular,
|
|
fontStyle: "normal",
|
|
fontDisplay: "swap",
|
|
fontWeight: 400,
|
|
src: `url(${robotoMonoLatin400NormalWoff2}) format("woff2"), url(${robotoMonoLatin400NormalWoff}) format("woff")`,
|
|
},
|
|
{
|
|
fontFamily: name.regular,
|
|
fontStyle: "normal",
|
|
fontDisplay: "swap",
|
|
fontWeight: 500,
|
|
src: `url(${robotoMonoLatin500NormalWoff2}) format("woff2"), url(${robotoMonoLatin500NormalWoff}) format("woff")`,
|
|
},
|
|
{
|
|
fontFamily: name.regular,
|
|
fontStyle: "normal",
|
|
fontDisplay: "swap",
|
|
fontWeight: 700,
|
|
src: `url(${robotoMonoLatin700NormalWoff2}) format("woff2"), url(${robotoMonoLatin700NormalWoff}) format("woff")`,
|
|
},
|
|
{
|
|
fontFamily: name.regular,
|
|
fontStyle: "italic",
|
|
fontDisplay: "swap",
|
|
fontWeight: 400,
|
|
src: `url(${robotoMonoLatin400ItalicWoff2}) format("woff2"), url(${robotoMonoLatin400ItalicWoff}) format("woff")`,
|
|
},
|
|
{
|
|
fontFamily: name.regular,
|
|
fontStyle: "italic",
|
|
fontDisplay: "swap",
|
|
fontWeight: 500,
|
|
src: `url(${robotoMonoLatin500ItalicWoff2}) format("woff2"), url(${robotoMonoLatin500ItalicWoff}) format("woff")`,
|
|
},
|
|
{
|
|
fontFamily: name.regular,
|
|
fontStyle: "italic",
|
|
fontDisplay: "swap",
|
|
fontWeight: 700,
|
|
src: `url(${robotoMonoLatin700ItalicWoff2}) format("woff2"), url(${robotoMonoLatin700ItalicWoff}) format("woff")`,
|
|
},
|
|
{
|
|
fontFamily: name.variable,
|
|
fontStyle: "normal",
|
|
fontDisplay: "swap",
|
|
fontWeight: "100 700",
|
|
src: `url(${robotoMonoLatinVarWghtOnlyNormalWoff2}) format("woff2")`,
|
|
},
|
|
{
|
|
fontFamily: name.variable,
|
|
fontStyle: "italic",
|
|
fontDisplay: "swap",
|
|
fontWeight: "100 700",
|
|
src: `url(${robotoMonoLatinVarWghtOnlyItalicWoff2}) format("woff2")`,
|
|
},
|
|
];
|