• Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

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

Scheduled Pinned Locked Moved Bug Reports
5 Posts 3 Posters 109 Views
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • N Offline
    N Offline
    nypaloto
    wrote on last edited by
    #1

    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.

    1. 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';

    2. Hit Save Changes

    But that doesn't work. See attached screenshot.

    Any ideas why?

    Screen Shot 2020-11-20 at 1.13.52 PM.jpg

    N 1 Reply Last reply
    0
  • N Offline
    N Offline
    nypaloto
    replied to nypaloto on last edited by nypaloto
    #2

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

    Thanks!

    1 Reply Last reply
    0
  • R Offline
    R Offline
    rioma7
    wrote on last edited by
    #3

    I have the same problem with MOSTRA NUOVA

    1 Reply Last reply
    0
  • N Offline
    N Offline
    nypaloto
    wrote on last edited by
    #4

    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!

    1 Reply Last reply
    0
  • RichardR Offline
    RichardR Offline
    Richard Global Moderator
    wrote on last edited by
    #5

    Dear @nypaloto

    Awesome! thanks for updating - great to know :)

    Best
    Richard

    1 Reply Last reply
    0

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

Thanks!
Post a link to where the problem is if possible, please <3
I don't answer or check forum DMs, please just post on the forum.
Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
Online Users
B
laytheme.com
  • Login

  • Don't have an account? Register

  • Login or register to search.
  • First post
    Last post
0
  • Recent
  • Tags
  • Popular
  • Users
  • Search
  • Login

  • Don't have an account? Register

  • Login or register to search.