Move fonts to assets and add function to load them.
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
2022-12-02 09:41:22 -08:00
parent 9ebcc97ebf
commit 657d2fa198
17 changed files with 208 additions and 18 deletions

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

@ -0,0 +1,17 @@
@font-face {
font-family: 'Concourse OT';
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('concourse_ot_3_book.woff2') format('woff2');
}
@font-face {
font-family: 'Concourse OT';
font-style: normal;
font-weight: bold;
font-stretch: normal;
font-display: auto;
src: url('concourse_ot_6_semibold.woff2') format('woff2');
}

View File

@ -0,0 +1,161 @@
@font-face {
font-family: concourse_ot_2_thin;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('concourse_ot_2_thin.woff2') format('woff2');
}
@font-face {
font-family: concourse_ot_2_thin;
font-style: italic;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('concourse_ot_2_thin_italic.woff2') format('woff2');
}
@font-face {
font-family: concourse_ot_2_thin_italic;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('concourse_ot_2_thin_italic.woff2') format('woff2');
}
@font-face {
font-family: concourse_ot_3_book;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('concourse_ot_3_book.woff2') format('woff2');
}
@font-face {
font-family: concourse_ot_3_book;
font-style: italic;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('concourse_ot_3_book_italic.woff2') format('woff2');
}
@font-face {
font-family: concourse_ot_3_book_italic;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('concourse_ot_3_book_italic.woff2') format('woff2');
}
@font-face {
font-family: concourse_ot_4_medium;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('concourse_ot_4_medium.woff2') format('woff2');
}
@font-face {
font-family: concourse_ot_4_medium;
font-style: italic;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('concourse_ot_4_medium_italic.woff2') format('woff2');
}
@font-face {
font-family: concourse_ot_4_medium_italic;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('concourse_ot_4_medium_italic.woff2') format('woff2');
}
@font-face {
font-family: concourse_ot_6_semibold;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('concourse_ot_6_semibold.woff2') format('woff2');
}
@font-face {
font-family: concourse_ot_6_semibold;
font-style: italic;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('concourse_ot_6_semibold_italic.woff2') format('woff2');
}
@font-face {
font-family: concourse_ot_6_semibold_italic;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('concourse_ot_6_semibold_italic.woff2') format('woff2');
}
@font-face {
font-family: concourse_ot_7_bold;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('concourse_ot_7_bold.woff2') format('woff2');
}
@font-face {
font-family: concourse_ot_7_bold;
font-style: italic;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('concourse_ot_7_bold_italic.woff2') format('woff2');
}
@font-face {
font-family: concourse_ot_7_bold_italic;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('concourse_ot_7_bold_italic.woff2') format('woff2');
}
@font-face {
font-family: concourse_ot_8_black;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('concourse_ot_8_black.woff2') format('woff2');
}
@font-face {
font-family: concourse_ot_8_black;
font-style: italic;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('concourse_ot_8_black_italic.woff2') format('woff2');
}
@font-face {
font-family: concourse_ot_8_black_italic;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('concourse_ot_8_black_italic.woff2') format('woff2');
}

View File

@ -0,0 +1,25 @@
<html>
<head>
<link rel="stylesheet" type="text/css" href="sample.css" />
</head>
<body style="font-size: 24px">
<p style="font-family: concourse_ot_2_thin">concourse_ot_2_thin.woff2</p>
<p style="font-family: concourse_ot_2_thin"><em>concourse_ot_2_thin_italic.woff2</em></p>
<p style="font-family: concourse_ot_2_thin_italic">concourse_ot_2_thin_italic.woff2</p>
<p style="font-family: concourse_ot_3_book">concourse_ot_3_book.woff2</p>
<p style="font-family: concourse_ot_3_book"><em>concourse_ot_3_book_italic.woff2</em></p>
<p style="font-family: concourse_ot_3_book_italic">concourse_ot_3_book_italic.woff2</p>
<p style="font-family: concourse_ot_4_medium">concourse_ot_4_medium.woff2</p>
<p style="font-family: concourse_ot_4_medium"><em>concourse_ot_4_medium_italic.woff2</em></p>
<p style="font-family: concourse_ot_4_medium_italic">concourse_ot_4_medium_italic.woff2</p>
<p style="font-family: concourse_ot_6_semibold">concourse_ot_6_semibold.woff2</p>
<p style="font-family: concourse_ot_6_semibold"><em>concourse_ot_6_semibold_italic.woff2</em></p>
<p style="font-family: concourse_ot_6_semibold_italic">concourse_ot_6_semibold_italic.woff2</p>
<p style="font-family: concourse_ot_7_bold">concourse_ot_7_bold.woff2</p>
<p style="font-family: concourse_ot_7_bold"><em>concourse_ot_7_bold_italic.woff2</em></p>
<p style="font-family: concourse_ot_7_bold_italic">concourse_ot_7_bold_italic.woff2</p>
<p style="font-family: concourse_ot_8_black">concourse_ot_8_black.woff2</p>
<p style="font-family: concourse_ot_8_black"><em>concourse_ot_8_black_italic.woff2</em></p>
<p style="font-family: concourse_ot_8_black_italic">concourse_ot_8_black_italic.woff2</p>
</body>
</html>