beenull/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Load Google Fonts from theme.json

Browse source
This commit is contained in:
Ben Dwyer 2021-03-12 16:46:42 +00:00
parent 22928c4415
commit 23d0954d06
4 changed files with 9 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
blank-canvas-blocks/assets/ponyfill.css
View file

@ -277,7 +277,7 @@ input[type=checkbox] + label {
h1, h2, h3, h4, h5, h6 {
clear: both;
font-family: var(--wp--custom--heading--typography--font-family);
font-family: var(--wp--custom--fonts--primary);
font-weight: var(--wp--custom--heading--typography--font-weight);
}

4
blank-canvas-blocks/experimental-theme.json
View file

@ -89,6 +89,10 @@
"primary": "'Playfair Display', Georgia, Times, serif",
"secondary": "'Fira Sans', Helvetica, Arial, sans-serif"
},
"fontsToLoadFromGoogle": [
"family=Fira Sans:ital,wght@0,400;0,500;1,400",
"family=Playfair Display:ital,wght@0,400;0,700;1,400"
],
"color": {
"primary": "var(--wp--preset--color--black)",
"secondary": "var(--wp--preset--color--blue)",

26
blank-canvas-blocks/functions.php
View file

@ -49,30 +49,10 @@ add_action( 'wp_enqueue_scripts', 'blank_canvas_blocks_scripts', 11 );
function blank_canvas_blocks_fonts_url() {
$fonts_url = '';
/* Translators: If there are characters in your language that are not
* supported by Fira Sans, translate this to 'off'. Do not translate
* into your own language.
*/
$fira_sans = esc_html_x( 'on', 'Fira Sans: on or off', 'blank-canvas-blocks' );
$theme_data = WP_Theme_JSON_Resolver::get_merged_data()->get_settings();
$font_families = $theme_data['defaults']['custom']['fontsToLoadFromGoogle'];
/* Translators: If there are characters in your language that are not
* supported by Playfair Display, translate this to 'off'. Do not translate
* into your own language.
*/
$playfair_display = esc_html_x( 'on', 'Playfair Display: on or off', 'blank-canvas-blocks' );
if ( 'off' !== $fira_sans || 'off' !== $playfair_display ) {
$font_families = array();
if ( 'off' !== $fira_sans ) {
$font_families[] = 'family=Fira Sans:ital,wght@0,400;0,500;1,400';
}
if ( 'off' !== $playfair_display ) {
$font_families[] = 'family=Playfair Display:ital,wght@0,400;0,700;1,400';
}
$font_families = apply_filters( 'included_google_font_families', $font_families );
if ( $font_families ) {
$font_families[] = 'display=swap';
// Make a single request for the theme fonts.

2
blank-canvas-blocks/sass/blocks/_heading.scss
View file

@ -1,5 +1,5 @@
h1, h2, h3, h4, h5, h6 {
clear: both;
font-family: var(--wp--custom--heading--typography--font-family);
font-family: var(--wp--custom--fonts--primary);
font-weight: var(--wp--custom--heading--typography--font-weight);
}