Archived topic
Host Google Fonts Locally
3 replies · Started by Pablo Romero Gonzalez on November 3, 2017
I try put a google fonts locally i upload fonts to /fonts and put this css whit simplecss plugin but dont work: the css its:
/* megrim-regular - latin */
@font-face {
font-family: 'Megrim';
font-style: normal;
font-weight: 400;
src: url('http://powebdesign.es/wp-content/themes/generatepress/fonts/megrim-v8-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Megrim'),
url('http://powebdesign.es/wp-content/themes/generatepress/fonts/megrim-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('http://powebdesign.es/wp-content/themes/generatepress/fonts/megrim-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('http://powebdesign.es/wp-content/themes/generatepress/fonts/megrim-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
url('http://powebdesign.es/wp-content/themes/generatepress/fonts/megrim-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('http://powebdesign.es/wp-content/themes/generatepress/fonts/megrim-v8-latin-regular.svg#Megrim') format('svg'); /* Legacy iOS */
}
and dont work
Hi there,
If it's a Google font you can add it like this: https://docs.generatepress.com/article/customizing-the-google-font-list/#adding-your-google-font-to-the-list
The link Leo provided only allows you to add more Google fonts to the list, not locally host them.
To locally host them, you're on the right track.
What element are you trying to apply this font to? Have you applied it using CSS?
Also, make sure not to upload anything into the generatepress folder, as that folder is replaced when you update the theme.
Try my way to add google font to GP child theme local system font please see HERE
