thelearningferran
Forum Replies Created
-
Forum: Themes and Templates
In reply to: [Storefront] Storefront font changeHi Jarret!
Yes, I did create a child theme finally. So far it’s ok and I do not plan to make further changes to the fonts, thanks!
Ferran
I will post here the links I used and how I did it in case someone is looking for the same info:
In my case I wanted to use the fonts Oswald and Open Sans from Google Fonts:
1) Follow these instructions first to create your child theme: https://developer.ww.wp.xz.cn/themes/advanced-topics/child-themes/
2) Check “Embed” tab/instructions from Google Fonts (https://fonts.google.com/?selection.family=Open+Sans|Oswald) after selecting Open Sans and Oswald (In your case select the fonts you want):
a) Copy this code into the <head> of your HTML document:
<link href=”https://fonts.googleapis.com/css?family=Open+Sans|Oswald&display=swap” rel=”stylesheet”>b) In your child theme, created in step 1, insert your css code. In my case I did not use the code in step 2 of the Google Font Instructions but a code I found (here: https://wooassist.com/how-to-change-fonts-in-storefront-theme/ Section “How to Apply Fonts on the Contents”) because I wanted the headers to user a different font than the rest:
body, button, input, textarea {
font-family: ‘Open Sans’, sans-serif;
}h1, h2, h3, h4, h5, h6 {
font-family: ‘Oswald’, sans-serif;
}And that’s it!