Panda theme - where to place fonts to host locally?

[30knees]

In case anyone is also using the Panda theme and hosts fonts locally.

Where do I place fonts to host them locally?

I followed this post https://www.sunnytoo.com/forums/topic/loading-google-fonts-locally#post-20113 to get fonts locally hosted. 

Because of the post, I originally placed the fonts in /fonts/ but that didn't work, so I moved them to /themes/panda/fonts and the respective folder (/eot/ /ttf/ etc) but that also didn't work.

 

[DarkHorse]

On 2/3/2022 at 8:19 AM, 30knees said:

In case anyone is also using the Panda theme and hosts fonts locally.

Where do I place fonts to host them locally?

I followed this post https://www.sunnytoo.com/forums/topic/loading-google-fonts-locally#post-20113 to get fonts locally hosted. 

Because of the post, I originally placed the fonts in /fonts/ but that didn't work, so I moved them to /themes/panda/fonts and the respective folder (/eot/ /ttf/ etc) but that also didn't work.

 

You need to place your webfonts in the /theme/panda/fonts/ folder and in the /theme/panda/css/autoload/ folder you need to upload a stylesheet that correctly references those fonts.

example of part of my /theme/panda/fonts/ folder contents:

example of my /theme/panda/css/autoload/fondamento.css file:

/*
 *  Fondamento 1.000 by Brian J. Bonislawsky DBA Astigmatic (AOETI)
 *  License - The Font(s) referenced below is/are licensed under the SIL Open Font License, Version 1.1.
 *  Prestashop local source style created and Copyright (c) 2016 by Obewanz - free for use without modifications.
 */
/* FONT PATH
 * -------------------------- */
@font-face {
    font-family: 'fondamentoregular';
    src: url('../../fonts/fondamento-regular-webfont.eot');
    src: url('../../fonts/fondamento-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/fondamento-regular-webfont.woff2') format('woff2'),
         url('../../fonts/fondamento-regular-webfont.woff') format('woff'),
         url('../../fonts/fondamento-regular-webfont.ttf') format('truetype'),
         url('../../fonts/fondamento-regular-webfont.svg#fondamentoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* assigns this font to the following class(es) to be used within the store by simply referencing the font name as a class */
.fondamento{
font-family:fondamentoregular;
}

Hope that helps.

[nickz]

anywhere in your themefolder of your theme and know the path.