Webfont issue: 2 fonts working fine; 3rd one doesn't
-
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-
Font files uploaded to wp-content/fonts
-
CSS added to fonts.css:
@font-face { font-family: 'Graphik Semibold'; font-style: normal; font-weight: 600; 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.
-
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'; -
Hit Save Changes
But that doesn't work. See attached screenshot.
Any ideas why?
-
Before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. When using a WordPress Cache plugin, disable it or clear your cache.
Now see if your problem solved itself.
Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it
I don't answer or check forum DMs, please just post on the forum.