Skip to main content

WordPress: How to add custom fonts to a twenty seventeen child theme.

Quick help to those who have tried to find some help and failed (as I have so I have to write the code myself).
Assuming that you have your virgin child theme configured and activated: here is a function which goes into the functions.php file (of your configured and activated child theme):

function childtheme_twentyseventeen_fonts_url() {
$replace_original_font = true; // unless you really like Libre Franklin
if ($replace_original_font !== true) { $hyph = '-custom-'; } else { $hyph = '-'; };
$font_families = array(
//add your Google fonts and weights (400 and 700 are defaults for normal and bold) here:
'Oswald:200,400,700',
'Lato:200,400,700',
);
$query_args = array(
'family' => urlencode( implode( '|', $font_families ) ),
'subset' => urlencode( 'latin,latin-ext' ),
);
$fonts_url = add_query_arg( $query_args, 'https://fonts.googleapis.com/css' );
wp_enqueue_style( 'twentyseventeen' . $hyph . 'fonts', $fonts_url, array(), null );
}
add_action( 'wp_enqueue_scripts', 'childtheme_twentyseventeen_fonts_url' );

That's all, folks. Happy Easter.

Popular posts from this blog

{position:fixed} in iOS 6

I stumbled upon this oddity when upgrading to iOS 6 while working on a mobile advertising project, and it took me a better part of the day to figure out what is going on: all of a sudden an element {position:fixed} stopped working in a correct manner (which is staying put, while the page is scrolling), and started "sticking" to the scrolling page, moving out of the viewport, and then just "jumping" back to the correct location after the scrolling was finished.If you scroll this page , you will see it—hint: that's the one labeled "broken"—assuming that you have a correct device/browser combination. Mine was iPhone4 and iOS 6.0 (6.0.1-6.1.3 behaves just the same). On the original page, where I first encountered the problem, all of my elements were created dynamically using JavaScript, but at the end of the day (literally) it become clear, that the glitch is in the iOS 6 CSS implementation.Here is what happens: if you have an element {position:fixed} whic

iLife Revisited

After several months of DV abstinence, partly caused by an unprecedented attack of GarageBand eiphoria , partly - absence of footage of any value, due to rather eventless existance, I finally decided to return to the most time consuming of all of my activities, and make a movie again. Following is a short summary of the experience. I promise to keep this rant as technically oriented, as I can, in hope, that it might be of some benefit to fellow users. During nearly half of the year, which passed since my last cinematographic endevour, there were a couple of QuickTime updates, iPhoto update, and several system and security updates. Current set-up: System: Mac OS X (10.3.6) iMovie 4.0.1 iDVD 4.0.1 QuickTime 6.2 (Pro) iMac G4 800MHz 1GB RAM Good things first: audio and video ARE in synk throughout the whole 1 hour and 39 minutes of the show. I would be thrilled, if it didn't happen before, but the good thing is that it's still there. This is about it. 1. iMovie is as sl

May 1st Reboot 2016

My main site gets a facelift (about half-a-decade overdue). Due to a chronic caching issues with iPage, I have to model everything on CodePen , and then FTP files to iPage, where, for some mysterious reason, html gets updated instantly, but CSS and Javascripts marinate somewhere for at least half an hour, before starting to render, which makes it impossible to model anything in real time. Annoying. Oh, well. At least I finally got to re-doing the site. I still do not have a concept for the galleries, though, and a main navigation menu is really primitive, but the new site is HTML5, CSS3 and what not, and I am not ashamed to refer people to it anymore. Yay. P.S. Resolved the cache issue with .htaccess file: FileETag None Header unset ETag Header set Cache-Control "max-age=0, no-cache, no-store, must-revalidate" Header set Pragma "no-cache" Header set Expires "Wed, 11 Jan 1984 05:00:00 GMT"  everything now works a lot livelier. P.P.S. Why is Blo