Localize Google Fonts

Hello
due to current reports regarding GDPR and an email by complianz I decided to move Google Fonts locally.

Lato is set to my Header and Body font. So search for it on
https://google-webfonts-helper.herokuapp.com/fonts/lato?subsets=latin

I created a folder under wp-content/themes/fonts and uploaded Lato 300, 400 and 700.
In enfold-child/styles.css I added the following…

/* lato-300 – latin */
@font-face {
font-family: ‘Lato’;
font-style: normal;
font-weight: 300;
src: url(‘../fonts/lato-v22-latin-300.eot’); /* IE9 Compat Modes */
src: local(”),
url(‘../fonts/lato-v22-latin-300.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */
url(‘../fonts/lato-v22-latin-300.woff2’) format(‘woff2’), /* Super Modern Browsers */
url(‘../fonts/lato-v22-latin-300.woff’) format(‘woff’), /* Modern Browsers */
url(‘../fonts/lato-v22-latin-300.ttf’) format(‘truetype’), /* Safari, Android, iOS */
url(‘../fonts/lato-v22-latin-300.svg#Lato’) format(‘svg’); /* Legacy iOS */
}
/* lato-regular – latin */
@font-face {
font-family: ‘Lato’;
font-style: normal;
font-weight: 400;
src: url(‘../fonts/lato-v22-latin-regular.eot’); /* IE9 Compat Modes */
src: local(”),
url(‘../fonts/lato-v22-latin-regular.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */
url(‘../fonts/lato-v22-latin-regular.woff2’) format(‘woff2’), /* Super Modern Browsers */
url(‘../fonts/lato-v22-latin-regular.woff’) format(‘woff’), /* Modern Browsers */
url(‘../fonts/lato-v22-latin-regular.ttf’) format(‘truetype’), /* Safari, Android, iOS */
url(‘../fonts/lato-v22-latin-regular.svg#Lato’) format(‘svg’); /* Legacy iOS */
}
…

It works for Lato – it is now loaded locally.
@font-face { font-family: “Lato”; src: local(“”), url(“https://sinnvoll-fuehren.com/wp-content/themes/fonts/lato-v22-latin-regular.eot?#iefix”) format(“embedded-opentype”), url(“https://sinnvoll-fuehren.com/wp-content/themes/fonts/lato-v22-latin-regular.woff2”) format(“woff2”), url(“https://sinnvoll-fuehren.com/wp-content/themes/fonts/lato-v22-latin-regular.woff”) format(“woff”), url(“https://sinnvoll-fuehren.com/wp-content/themes/fonts/lato-v22-latin-regular.ttf”) format(“truetype”), url(“https://sinnvoll-fuehren.com/wp-content/themes/fonts/lato-v22-latin-regular.svg#Lato”) format(“svg”); font-style: normal; font-weight: 400; }

However, Lato-Light still loads from https://fonts.gstatic.com/s/lato/v22/S6u9w4BMUTPHh7USSwiPGQ3q5d0.woff2
@font-face { font-family: “Lato”; src: url(“https://fonts.gstatic.com/s/lato/v22/S6u9w4BMUTPHh7USSwiPGQ3q5d0.woff2”) format(“woff2”); font-style: normal; font-weight: 300; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

Why does it not work? Any hints on what I need to change?

Cheers,
Ralph

PS: Shouldn’t this become a standard feature in Enfold, to host fonts locally?