feat: FiraCode woff support for "pretty modern" browsers
All checks were successful
continuous-integration/drone/push Build is passing

closes #1
This commit is contained in:
surtur 2020-06-05 04:31:49 +02:00
parent 66a2e7668f
commit 50b6f553e6
Signed by: wanderer
GPG Key ID: 19CE1EC1D9E0486D
9 changed files with 31 additions and 12 deletions

@ -17,6 +17,12 @@
<link rel="preload" as="font" type="font/woff2" href="/fonts/woff2/FiraCode-SemiBold.woff2" type="font/woff2">
<link rel="preload" as="font" type="font/woff2" href="/fonts/woff2/FiraCode-Bold.woff2" type="font/woff2">
<link rel="preload" as="font" type="font/woff2" href="/fonts/woff2/FiraCode-VF.woff2" type="font/woff2">
<link rel="preload" as="font" type="font/woff" href="/fonts/woff/FiraCode-Light.woff" type="font/woff">
<link rel="preload" as="font" type="font/woff" href="/fonts/woff/FiraCode-Medium.woff" type="font/woff">
<link rel="preload" as="font" type="font/woff" href="/fonts/woff/FiraCode-Regular.woff" type="font/woff">
<link rel="preload" as="font" type="font/woff" href="/fonts/woff/FiraCode-SemiBold.woff" type="font/woff">
<link rel="preload" as="font" type="font/woff" href="/fonts/woff/FiraCode-Bold.woff" type="font/woff">
<link rel="preload" as="font" type="font/woff" href="/fonts/woff/FiraCode-VF.woff" type="font/woff">
<link rel="stylesheet" type="text/css" href="/css/style.css">
<link rel="stylesheet" type="text/css" href="/css/prism.css" data-noprefix/>
</head>

@ -10,12 +10,18 @@
<meta name="description" content="animations - tew-0x00">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script defer src="/scripts/prism.js"></script>
<link rel="preload" as="font" href="/fonts/woff2/FiraCode-Light.woff2" type="font/woff2">
<link rel="preload" as="font" href="/fonts/woff2/FiraCode-Medium.woff2" type="font/woff2">
<link rel="preload" as="font" href="/fonts/woff2/FiraCode-Regular.woff2" type="font/woff2">
<link rel="preload" as="font" href="/fonts/woff2/FiraCode-SemiBold.woff2" type="font/woff2">
<link rel="preload" as="font" href="/fonts/woff2/FiraCode-Bold.woff2" type="font/woff2">
<link rel="preload" as="font" href="/fonts/woff2/FiraCode-VF.woff2" type="font/woff2">
<link rel="preload" as="font" type="font/woff2" href="/fonts/woff2/FiraCode-Light.woff2" type="font/woff2">
<link rel="preload" as="font" type="font/woff2" href="/fonts/woff2/FiraCode-Medium.woff2" type="font/woff2">
<link rel="preload" as="font" type="font/woff2" href="/fonts/woff2/FiraCode-Regular.woff2" type="font/woff2">
<link rel="preload" as="font" type="font/woff2" href="/fonts/woff2/FiraCode-SemiBold.woff2" type="font/woff2">
<link rel="preload" as="font" type="font/woff2" href="/fonts/woff2/FiraCode-Bold.woff2" type="font/woff2">
<link rel="preload" as="font" type="font/woff2" href="/fonts/woff2/FiraCode-VF.woff2" type="font/woff2">
<link rel="preload" as="font" type="font/woff" href="/fonts/woff/FiraCode-Light.woff" type="font/woff">
<link rel="preload" as="font" type="font/woff" href="/fonts/woff/FiraCode-Medium.woff" type="font/woff">
<link rel="preload" as="font" type="font/woff" href="/fonts/woff/FiraCode-Regular.woff" type="font/woff">
<link rel="preload" as="font" type="font/woff" href="/fonts/woff/FiraCode-SemiBold.woff" type="font/woff">
<link rel="preload" as="font" type="font/woff" href="/fonts/woff/FiraCode-Bold.woff" type="font/woff">
<link rel="preload" as="font" type="font/woff" href="/fonts/woff/FiraCode-VF.woff" type="font/woff">
<link rel="stylesheet" type="text/css" href="/css/style.css">
<link rel="stylesheet" type="text/css" href="/css/prism.css" data-noprefix/>
</head>

@ -2,35 +2,41 @@
font-family: 'Fira Code';
font-weight: 300;
font-style: normal;
src: url('/fonts/woff2/FiraCode-Light.woff2') format('woff2');
src: url('/fonts/woff2/FiraCode-Light.woff2') format('woff2'),
url('/fonts/woff/FiraCode-Light.woff') format('woff');
}
@font-face {
font-family: 'Fira Code';
font-weight: 400;
font-style: normal;
src: url('/fonts/woff2/FiraCode-Regular.woff2') format('woff2');
src: url('/fonts/woff2/FiraCode-Regular.woff2') format('woff2'),
url('/fonts/woff/FiraCode-Regular.woff') format('woff');
}
@font-face {
font-family: 'Fira Code';
font-weight: 500;
font-style: normal;
src: url('/fonts/woff2/FiraCode-Medium.woff2') format('woff2');
src: url('/fonts/woff2/FiraCode-Medium.woff2') format('woff2'),
url('/fonts/woff/FiraCode-Medium.woff') format('woff');
}
@font-face {
font-family: 'Fira Code';
font-weight: 600;
font-style: normal;
src: url('/fonts/woff2/FiraCode-SemiBold.woff2') format('woff2');
src: url('/fonts/woff2/FiraCode-SemiBold.woff2') format('woff2'),
url('/fonts/woff/FiraCode-SemiBold.woff') format('woff');
}
@font-face {
font-family: 'Fira Code';
font-weight: 700;
font-style: normal;
src: url('/fonts/woff2/FiraCode-Bold.woff2') format('woff2');
src: url('/fonts/woff2/FiraCode-Bold.woff2') format('woff2'),
url('/fonts/woff/FiraCode-Bold.woff') format('woff');
}
@font-face {
@ -38,5 +44,6 @@
/* [> font-weight requires a range: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide#Using_a_variable_font_font-face_changes <] */
font-weight: 300 700;
font-style: normal;
src: url('/fonts/woff2/FiraCode-VF.woff2') format('woff2-variations');
src: url('/fonts/woff2/FiraCode-VF.woff2') format('woff2-variations'),
url('/fonts/woff/FiraCode-VF.woff') format('woff-variations');
}

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

BIN
fonts/woff/FiraCode-VF.woff Normal file

Binary file not shown.