Tagged: #quickcss, custom.css, enfold, Fonts
I’ve been trying to add a Google Font to one page we are branding for our clients.
I have added the following to quickCSS but neither worked:
.page-id-3336 #header_main {
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
}
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
Neither of which works. Do I need to edit the CSS code directly?
Hey TheRetailCoach,
You can use this plugin https://wordpress.org/plugins/use-any-font/ to use the font that you want and add the following custom CSS code:
.page-id-3336 #header_main {
font-family: 'YourFontName' !important;
}
Best regards,
John Torvik