@font-face non riesco a farlo andare

Buongiorno,
dovrei caricare un font proprietario all’interno del mio sito web, ma probabilmente non sto facendo dei passaggi correttamente e non riesco a vedere il font.
Vi spiego i passaggi che ho fatto
1) Ho caricato i file del font nella cartella wp-content\themes\nometema\fonts
2) con la nuova versione di wordpress non riesco a editare il file style.css, così ho scritto direttamente nell’editor del tema il codice @font-face:

@font-face {
font-family: ‘localbrewery’;
src: url(‘www.borgoabate.it/wp-content/themes/Divi/fonts/Bold-Two/localbrewerytwo-bold-webfont.eot’);
src: url(‘www.borgoabate.it/wp-content/themes/Divi/fonts/Bold-Two/localbrewerytwo-bold-webfont.eot?#iefix’) format(‘embedded-opentype’),
url(‘www.borgoabate.it/wp-content/themes/Divi/fonts/Bold-Two/localbrewerytwo-bold-webfont.woff2’) format(‘woff2’),
url(‘www.borgoabate.it/wp-content/themes/Divi/fonts/Bold-Two/localbrewerytwo-bold-webfont.woff’) format(‘woff’),
url(‘www.borgoabate.it/wp-content/themes/Divi/fonts/Bold-Two/localbrewerytwo-bold-webfont.ttf’) format(‘truetype’);
font-weight: bold;
font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
font-family: ‘localbrewery’ !important;
}

Quando aggiorno la pagina per vedere se mi ha caricato il font vedo che è lento e che cerca di leggerlo, ma niente da fare.
Riuscite a darmi una mano?
grazie mille in anticipo

La pagina su cui ho bisogno di aiuto: [devi essere connesso per vedere il link]