Webfont issue: 2 fonts working fine; 3rd one doesn't

[nypaloto]

Hello. In the past, when launching the site, I added 2 custom fonts using the "Add by "<link>" tag and CSS" method, via Lay Options > Webfonts. Everyone worked and works perfectly fine.

Now I wanted to add a 3rd font, using the exact same way, but this time, Lay does not recognize the font. Here's what I've done (same thing as with the first 2 fonts):

Font name: 'Graphik Semibold'
Woff files: Graphik-Semibold-Web.woff and Graphik-Semibold-Web.woff2

1. Font files uploaded to wp-content/fonts

2. CSS added to fonts.css:

@font-face {
  font-family: 'Graphik Semibold';
  font-style: normal;
  font-weight: 600;![Screen Shot 2020-11-20 at 1.13.52 PM.jpg](/assets/uploads/files/1605845659962-screen-shot-2020-11-20-at-1.13.52-pm-resized.jpg) 
  src: url('https://mk0beigexkd3qtegpvl.kinstacdn.com/wp-content/fonts/Graphik-Semibold-Web.woff2') format('woff2'),
     url('https://mk0beigexkd3qtegpvl.kinstacdn.com/wp-content/fonts/Graphik-Semibold-Web.woff') format('woff');
  font-display: swap;
}

Note that the src:url points to the CDN, that's where the fonts are located. Again, this is the same as with the previous 2 fonts.

3. In Lay Options > Webfonts, added the font using the "Add by "<link>" tag and CSS".
   Font name: GraphikSemibold
   Link tag: <link href="https://mk0beigexkd3qtegpvl.kinstacdn.com/wp-content/fonts/fonts.css" rel="stylesheet" type="text/css">
   "font-family" CSS: font-family: 'Graphik Semibold';

4. Hit Save Changes

But that doesn't work. See attached screenshot.

Any ideas why?

[nypaloto]

And by the way, this is my site: https://beige.company

Thanks!

[rioma7]

I have the same problem with MOSTRA NUOVA

[nypaloto]

So, in the end, this seems to have been a caching issue - at least that's my guess. I cleared the cache (server-side), and the font works now correctly. All good!

[Richard]

Dear @nypaloto

Awesome! thanks for updating - great to know :)

Best
Richard