How to delete Googlefonts from Chloe

Hello, i want to deactivate Googlefonts in the Template Chloe and install it local.
How to to that? I loaded the fonts already into the "fonts" file and put the following css in the nexus.css:



/* lato-regular - latin */

@font-face {

  font-family: 'Lato';

  font-style: normal;

  font-weight: 400;

  src: url('fonts/lato-v16-latin-regular.eot'); /* IE9 Compat Modes */

  src: local('Lato Regular'), local('Lato-Regular'),

       url('fonts/lato-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('fonts/lato-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */

       url('fonts/lato-v16-latin-regular.woff') format('woff'), /* Modern Browsers */

       url('fonts/lato-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */

       url('fonts/lato-v16-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */

}



/* playfair-display-regular - latin */

@font-face {

  font-family: 'Playfair Display';

  font-style: normal;

  font-weight: 400;

  src: url('fonts/playfair-display-v20-latin-regular.eot'); /* IE9 Compat Modes */

  src: local(''),

       url('fonts/playfair-display-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('fonts/playfair-display-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */

       url('fonts/playfair-display-v20-latin-regular.woff') format('woff'), /* Modern Browsers */

       url('fonts/playfair-display-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */

       url('fonts/playfair-display-v20-latin-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */

}

Also i deactivated then google-fonts in the file inc/fonts

But it doesnt work.

Do you have any Idear?

The site is under http://www.eigenelösungenfinden.de/joomla3

Thanks fpr your help!