mirrors/thunderhub
1
0
Fork 0
mirror of https://github.com/apotdevin/thunderhub.git synced 2025-02-24 06:47:41 +01:00
Code Issues Projects Releases Wiki Activity

chore: self host fonts

Browse source
This commit is contained in:
Anthony Potdevin 2022-04-03 23:43:39 +02:00
parent ccbc1814f6
commit d119739c56
No known key found for this signature in database
GPG key ID: 4403F1DFBE779457
14 changed files with 157 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

86
src/client/pages/_document.tsx
View file

@ -45,9 +45,89 @@ export default class MyDocument extends Document {
key="description" key="description"
/> />
<link <link
href="https://fonts.googleapis.com/css2?family=Manrope:wght@500;700;800&display=swap" rel="preload"
rel="stylesheet" href="/fonts/roboto/Roboto-Thin.ttf"
></link> as="font"
type="font/ttf"
crossOrigin=""
/>
<link
rel="preload"
href="/fonts/roboto/Roboto-ThinItalic.ttf"
as="font"
type="font/ttf"
crossOrigin=""
/>
<link
rel="preload"
href="/fonts/roboto/Roboto-Light.ttf"
as="font"
type="font/ttf"
crossOrigin=""
/>
<link
rel="preload"
href="/fonts/roboto/Roboto-LightItalic.ttf"
as="font"
type="font/ttf"
crossOrigin=""
/>
<link
rel="preload"
href="/fonts/roboto/Roboto-Regular.ttf"
as="font"
type="font/ttf"
crossOrigin=""
/>
<link
rel="preload"
href="/fonts/roboto/Roboto-Italic.ttf"
as="font"
type="font/ttf"
crossOrigin=""
/>
<link
rel="preload"
href="/fonts/roboto/Roboto-Medium.ttf"
as="font"
type="font/ttf"
crossOrigin=""
/>
<link
rel="preload"
href="/fonts/roboto/Roboto-MediumItalic.ttf"
as="font"
type="font/ttf"
crossOrigin=""
/>
<link
rel="preload"
href="/fonts/roboto/Roboto-Bold.ttf"
as="font"
type="font/ttf"
crossOrigin=""
/>
<link
rel="preload"
href="/fonts/roboto/Roboto-BoldItalic.ttf"
as="font"
type="font/ttf"
crossOrigin=""
/>
<link
rel="preload"
href="/fonts/roboto/Roboto-Black.ttf"
as="font"
type="font/ttf"
crossOrigin=""
/>
<link
rel="preload"
href="/fonts/roboto/Roboto-BlackItalic.ttf"
as="font"
type="font/ttf"
crossOrigin=""
/>
</Head> </Head>
<body> <body>
<Main /> <Main />

BIN
src/client/public/fonts/roboto/Roboto-Black.ttf Normal file
View file

Binary file not shown.

BIN
src/client/public/fonts/roboto/Roboto-BlackItalic.ttf Normal file
View file

Binary file not shown.

BIN
src/client/public/fonts/roboto/Roboto-Bold.ttf Normal file
View file

Binary file not shown.

BIN
src/client/public/fonts/roboto/Roboto-BoldItalic.ttf Normal file
View file

Binary file not shown.

BIN
src/client/public/fonts/roboto/Roboto-Italic.ttf Normal file
View file

Binary file not shown.

BIN
src/client/public/fonts/roboto/Roboto-Light.ttf Normal file
View file

Binary file not shown.

BIN
src/client/public/fonts/roboto/Roboto-LightItalic.ttf Normal file
View file

Binary file not shown.

BIN
src/client/public/fonts/roboto/Roboto-Medium.ttf Normal file
View file

Binary file not shown.

BIN
src/client/public/fonts/roboto/Roboto-MediumItalic.ttf Normal file
View file

Binary file not shown.

BIN
src/client/public/fonts/roboto/Roboto-Regular.ttf Normal file
View file

Binary file not shown.

BIN
src/client/public/fonts/roboto/Roboto-Thin.ttf Normal file
View file

Binary file not shown.

BIN
src/client/public/fonts/roboto/Roboto-ThinItalic.ttf Normal file
View file

Binary file not shown.

75
src/client/src/styles/GlobalStyle.ts
View file

@ -2,6 +2,79 @@ import { createGlobalStyle } from 'styled-components';
import { backgroundColor, textColor } from './Themes'; import { backgroundColor, textColor } from './Themes';
export const GlobalStyles = createGlobalStyle` export const GlobalStyles = createGlobalStyle`
@font-face {
font-family: 'Roboto';
src: url('/fonts/roboto/Roboto-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('/fonts/roboto/Roboto-ThinItalic.ttf') format('truetype');
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: 'Roboto';
src: url('/fonts/roboto/Roboto-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('/fonts/roboto/Roboto-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Roboto';
src: url('/fonts/roboto/Roboto-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('/fonts/roboto/Roboto-Italic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Roboto';
src: url('/fonts/roboto/Roboto-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('/fonts/roboto/Roboto-MediumItalic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Roboto';
src: url('/fonts/roboto/Roboto-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('/fonts/roboto/Roboto-BoldItalic.ttf') format('truetype');
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: 'Roboto';
src: url('/fonts/roboto/Roboto-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('/fonts/roboto/Roboto-BlackItalic.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
html, body { html, body {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -12,7 +85,7 @@ export const GlobalStyles = createGlobalStyle`
body { body {
background: ${backgroundColor}; background: ${backgroundColor};
color: ${textColor}; color: ${textColor};
font-family: 'Manrope', sans-serif; font-family: 'Roboto', sans-serif;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;