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.