Move fonts to assets and add function to load them.
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Cassowary Rusnov 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>

View File

@ -8,13 +8,18 @@ function etcskel32m_enqueue_styles() {
array(),
$theme->parent()->get( 'Version' )
);
// make child style
wp_enqueue_style( 'child-style',
get_stylesheet_uri(),
array( $parenthandle ),
$theme->get( 'Version' )
);
// fonts
wp_enqueue_style( 'etcskel32m_fonts', get_template_directory_uri() . '/assets/fonts/ConcourseOT/concourseot.css', false );
}
add_action( 'wp_enqueue_scripts', 'my_custom_fonts' );
function etcskel32m_widgets_init() {
register_sidebar( array(
'name' => __( 'Footer Widgets', 'etcskel32m' ),

View File

@ -12,24 +12,6 @@ Tags: accessibility-ready
Text Domain: etcskel32m
*/
@font-face {
font-family: 'Concourse OT';
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('fonts/ConcourseOT/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('fonts/ConcourseOT/concourse_ot_6_semibold.woff2') format('woff2');
}
:root {
--red32m: #A02827;
--white32m: #FFFFFF;