mirrors/thunderhub
1
0
Fork 0
mirror of https://github.com/apotdevin/thunderhub.git synced 2025-02-23 22:46:35 +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"
/>
<link
href="https://fonts.googleapis.com/css2?family=Manrope:wght@500;700;800&display=swap"
rel="stylesheet"
></link>
rel="preload"
href="/fonts/roboto/Roboto-Thin.ttf"
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>
<body>
<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';
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 {
margin: 0;
padding: 0;
@ -12,7 +85,7 @@ export const GlobalStyles = createGlobalStyle`
body {
background: ${backgroundColor};
color: ${textColor};
font-family: 'Manrope', sans-serif;
font-family: 'Roboto', sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;