load fonts from html head

This commit is contained in:
Sean Yesmunt 2019-12-05 14:15:40 -05:00
parent bb53e6bec0
commit f3c5f03fa9
14 changed files with 54 additions and 61 deletions

View file

@ -68,6 +68,10 @@ const webConfig = {
from: `${STATIC_ROOT}/img/og.png`,
to: `${DIST_ROOT}/og.png`,
},
{
from: `${STATIC_ROOT}/font/`,
to: `${DIST_ROOT}/font/`,
},
]),
new DefinePlugin({
IS_WEB: JSON.stringify(true),

47
static/font/font.css Normal file
View file

@ -0,0 +1,47 @@
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url('/font/inter/300.woff') format('woff');
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url('/font/inter/300i.woff') format('woff');
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('/font/inter/400.woff') format('woff');
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url('/font/inter/400i.woff') format('woff');
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('/font/inter/700.woff') format('woff');
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url('/font/inter/700i.woff') format('woff');
}

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View file

@ -3,6 +3,7 @@
<head>
<meta charset="utf-8" />
<script src="ui.js" async></script>
<link rel="stylesheet" href="font/font.css" />
<title>LBRY</title>
</head>

View file

@ -4,6 +4,7 @@
<meta charset="utf-8" />
<script src="/ui.js" async></script>
<link rel="icon" type="image/png" href="favicon.png" />
<link rel="stylesheet" href="/font/font.css" />
<!-- VARIABLE_HEAD_BEGIN -->
<title>lbry.tv</title>

View file

@ -5,7 +5,6 @@
@import 'themes/dark.scss';
@import 'init/vars';
@import 'init/mixins';
@import 'init/type';
@import 'init/gui';
@import 'component/animation';
@import 'component/button';

View file

@ -1,50 +0,0 @@
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url('../../static/font/inter/300.woff2') format('woff2'), url('../../static/font/inter/300.woff') format('woff');
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url('../../static/font/inter/300i.woff2') format('woff2'),
url('../../static/font/inter/300i.woff') format('woff');
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('../../static/font/inter/400.woff2') format('woff2'), url('../../static/font/inter/400.woff') format('woff');
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url('../../static/font/inter/400i.woff2') format('woff2'),
url('../../static/font/inter/400i.woff') format('woff');
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('../../static/font/inter/700.woff2') format('woff2'), url('../../static/font/inter/700i.woff') format('woff');
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url('../../static/font/inter/700i.woff2') format('woff2'),
url('../../static/font/inter/700i.woff') format('woff');
}

View file

@ -52,15 +52,6 @@ let baseConfig = {
},
},
},
{
test: /\.(woff|woff2)$/,
use: {
loader: 'file-loader',
options: {
outputPath: 'static/font',
},
},
},
{
test: /\.(vert|frag|glsl)$/,
use: {

View file

@ -46,7 +46,7 @@ let mainConfig = {
{
from: `${STATIC_ROOT}/`,
to: `${DIST_ROOT}/electron/static/`,
ignore: ['font/**/*', 'index-web.html'],
ignore: ['index-web.html', 'index-electron.html'],
},
{
from: `${STATIC_ROOT}/index-electron.html`,