lukechilds
/
docs
mirror of https://github.com/lukechilds/docs.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

fix: fonts

fix/sections-for-cli-reference
Thomas Osmonson 4 years ago
committed by Thomas Osmonson
parent
81cccb7f6e
commit
b58bd1b711
2 changed files with 42 additions and 37 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 32
      public/static/fonts.css
  2. 47
      src/pages/_document.tsx

32
public/static/fonts.css
View File

@ -1,32 +0,0 @@
@font-face {
font-family: 'Soehne Mono';
src: url('/static/fonts/soehne-mono-web-buch.woff2') format('woff2'),
url('/static/fonts/soehne-mono-web-buch.woff') format('woff');
font-weight: 400;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Soehne';
src: url('/static/fonts/soehne-web-buch.woff2') format('woff2'),
url('/static/fonts/soehne-web-buch.woff') format('woff');
font-weight: 400;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Soehne';
src: url('/static/fonts/soehne-web-kraftig_1.woff2') format('woff2'),
url('/static/fonts/soehne-web-kraftig_1.woff') format('woff');
font-weight: 500;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Soehne';
src: url('/static/fonts/soehne-web-halbfett_1.woff2') format('woff2'),
url('/static/fonts/soehne-web-halbfett_1.woff') format('woff');
font-weight: 600;
font-display: swap;
font-style: normal;
}

47
src/pages/_document.tsx
View File

@ -1,3 +1,4 @@
import React from 'react';
import Document, {
DocumentContext,
DocumentProps,
@ -38,8 +39,7 @@ export default class MyDocument extends Document<DocumentProps> {
render() {
return (
<Html lang="en">
<Head />
<body>
<Head>
<link
rel="preload"
href="/static/fonts/soehne-mono-web-buch.woff2"
@ -68,8 +68,45 @@ export default class MyDocument extends Document<DocumentProps> {
type="font/woff2"
crossOrigin="true"
/>
<link rel="preload" href="/static/fonts.css" as="style" />
<style
dangerouslySetInnerHTML={{
__html: `@font-face {
font-family: 'Soehne Mono';
src: url('/static/fonts/soehne-mono-web-buch.woff2') format('woff2'),
url('/static/fonts/soehne-mono-web-buch.woff') format('woff');
font-weight: 400;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Soehne';
src: url('/static/fonts/soehne-web-buch.woff2') format('woff2'),
url('/static/fonts/soehne-web-buch.woff') format('woff');
font-weight: 400;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Soehne';
src: url('/static/fonts/soehne-web-kraftig_1.woff2') format('woff2'),
url('/static/fonts/soehne-web-kraftig_1.woff') format('woff');
font-weight: 500;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Soehne';
src: url('/static/fonts/soehne-web-halbfett_1.woff2') format('woff2'),
url('/static/fonts/soehne-web-halbfett_1.woff') format('woff');
font-weight: 600;
font-display: swap;
font-style: normal;
}
`,
}}
/>
</Head>
<body>
<script
dangerouslySetInnerHTML={{
__html: `(function() {
@ -84,7 +121,7 @@ export default class MyDocument extends Document<DocumentProps> {
})()`,
}}
/>
{/*<link rel="preconnect" href="https://bh4d9od16a-dsn.algolia.net" crossOrigin="true" />*/}
<link rel="preconnect" href="https://bh4d9od16a-dsn.algolia.net" crossOrigin="true" />
<link rel="preconnect" href="https://cdn.usefathom.com" crossOrigin="true" />
<Main />
<NextScript />

Write Preview
Loading…
Cancel
Save