Good evening everybody.
I am trying to host google font locally. I did exactly how explained here. Downloaded the fonts, made a css via fontsquirrel and edited the asset.xml, but that doesn't seem to work. I must be missing something.
here you find my stylesheet.css:
@font-face {
font-family: 'playfair_display_blackregular';
src: url('playfairdisplay-black-webfont.woff2') format('woff2'),
url('playfairdisplay-black-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'playfair_display_blackitalic';
src: url('playfairdisplay-blackitalic-webfont.woff2') format('woff2'),
url('playfairdisplay-blackitalic-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'playfair_displaybold';
src: url('playfairdisplay-bold-webfont.woff2') format('woff2'),
url('playfairdisplay-bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'playfair_displaybold_italic';
src: url('playfairdisplay-bolditalic-webfont.woff2') format('woff2'),
url('playfairdisplay-bolditalic-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'playfair_displayitalic';
src: url('playfairdisplay-italic-webfont.woff2') format('woff2'),
url('playfairdisplay-italic-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'playfair_displayregular';
src: url('playfairdisplay-regular-webfont.woff2') format('woff2'),
url('playfairdisplay-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
and here my asset.xml; I commented out the original line and put the new one just below it.
<?xml version="1.0" encoding="utf-8"?>
<assets>
<scripts>
<file>js/swiper/swiper.min.js</file>
<file>js/gray-gh-pages/js/jquery.gray.min.js</file>
<file>js/inview.js</file>
<file>js/script.js</file>
</scripts>
<stylesheets>
<file>fonts/font-awesome/css/font-awesome.min.css</file>
<file>fonts/icofont/css/icofont.css</file>
<!-- <file>//fonts.googleapis.com/css?family=Playfair+Display|Poppins:400,600,700</file>-->
<file>fonts/playfair/stylesheet.css</file><!-- note: playfair is the folder just like downloaded from fontsquirrel, with webfonts and stylesheet.css-->
<file>js/swiper/swiper.css</file>
<file>js/gray-gh-pages/css/gray.min.css</file>
</stylesheets>
</assets>
I'd really appreciate some help.
Thanks.