wanderer/TEW-0x00
1
0
Fork 0
Code Issues Pull Requests Releases Activity

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

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
3Dtransforms/index.html
View File

@ -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-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-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/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/style.css">
<link rel="stylesheet" type="text/css" href="/css/prism.css" data-noprefix/> <link rel="stylesheet" type="text/css" href="/css/prism.css" data-noprefix/>
</head> </head>

18
animations/index.html
View File

@ -10,12 +10,18 @@
<meta name="description" content="animations - tew-0x00"> <meta name="description" content="animations - tew-0x00">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<script defer src="/scripts/prism.js"></script> <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" type="font/woff2" 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" type="font/woff2" 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" type="font/woff2" 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" type="font/woff2" 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" type="font/woff2" 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-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/style.css">
<link rel="stylesheet" type="text/css" href="/css/prism.css" data-noprefix/> <link rel="stylesheet" type="text/css" href="/css/prism.css" data-noprefix/>
</head> </head>

19
css/fira_code.css
View File

@ -2,35 +2,41 @@
font-family: 'Fira Code'; font-family: 'Fira Code';
font-weight: 300; font-weight: 300;
font-style: normal; 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-face {
font-family: 'Fira Code'; font-family: 'Fira Code';
font-weight: 400; font-weight: 400;
font-style: normal; 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-face {
font-family: 'Fira Code'; font-family: 'Fira Code';
font-weight: 500; font-weight: 500;
font-style: normal; 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-face {
font-family: 'Fira Code'; font-family: 'Fira Code';
font-weight: 600; font-weight: 600;
font-style: normal; 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-face {
font-family: 'Fira Code'; font-family: 'Fira Code';
font-weight: 700; font-weight: 700;
font-style: normal; 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 { @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 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-weight: 300 700;
font-style: normal; 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');
} }

BIN
fonts/woff/FiraCode-Bold.woff Normal file
View File

Binary file not shown.

BIN
fonts/woff/FiraCode-Light.woff Normal file
View File

Binary file not shown.

BIN
fonts/woff/FiraCode-Medium.woff Normal file
View File

Binary file not shown.

BIN
fonts/woff/FiraCode-Regular.woff Normal file
View File

Binary file not shown.

BIN
fonts/woff/FiraCode-SemiBold.woff Normal file
View File

Binary file not shown.

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

Binary file not shown.