Skip to content
  • 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

  1. Home
  2. Bug Reports
  3. Font inconsistency Desktop / mobile

Font inconsistency Desktop / mobile

Scheduled Pinned Locked Moved Bug Reports
7 Posts 2 Posters 170 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.
  • V Offline
    V Offline
    volllume
    wrote on last edited by
    #1

    Hi,

    After setting up my text formats I find a strange bug occurring on my website affecting only some text formats and some text boxes, only when I'm browsing it on a mobile device. I didn't notice before because I'm using to test the mobile version of my site on desktop by resizing my window.

    alt text

    All my text formats seems to be configurated properly though, the problem only occurs on my FatBold (Inter Semi-Bold) + TinyBold (Inter Bold) formats... But not everytime and not on all pages as you can see above.

    On the homepage, FatBold displays properly for the headline text but not on the buttons bellow and TinyBold on the INSTAGRAM button either. All other text formats works perfectly fine on this page.

    On the selected works page, FatBold displays another font and TinyBold (used on the tags filters of the Project Thumbnail Grid) is displaying the same strange font.

    On project page FatBold displays ab incohesive font as well for my project title.

    FYI I'm using the Inter font (Google Font= https://fonts.google.com/specimen/Inter) in .ttf format because the web font does not work properly (https://github.com/rsms/inter say Google Font have an outdated version anyway) and the woff2 either.

    I'm not really used to coding so I'm a bit confused here, can I do something to fix this issue?

    Thanks!

    1 Reply Last reply
    0
    • arminunruhA Offline
      arminunruhA Offline
      arminunruh
      Global Moderator
      wrote on last edited by
      #2

      interesting!

      can u try and download the interfont and convert it to a .woff font by googling "ttf to woff"
      then upload the font in lay options → webfonts

      maybe somehow that browser cant display the font

      V 1 Reply Last reply
      0
      • arminunruhA arminunruh

        interesting!

        can u try and download the interfont and convert it to a .woff font by googling "ttf to woff"
        then upload the font in lay options → webfonts

        maybe somehow that browser cant display the font

        V Offline
        V Offline
        volllume
        wrote on last edited by
        #3

        Hi @arminunruh thanks for answering!

        It seems like the browser can indeed display the right font as on the homepage my 'FatBold' format works fine (Inter SemiBold), as well as the 'Normal' format (Inter Regular).

        I tried converting the .ttf interfont to a .woff and uploading it to the webfonts but then the different weights don't display in my text formats and the Letter Spacing is kind of weird. Please note I've converted the variable font with all the weights in it and checking all the boxes to make sure every weight is still in the .woff file :)

        ... Weird.

        1 Reply Last reply
        0
        • arminunruhA Offline
          arminunruhA Offline
          arminunruh
          Global Moderator
          wrote on last edited by
          #4

          does it happen on all mobile browsers? can u test a different one like chrome mobile browser for example?

          1 Reply Last reply
          0
          • V Offline
            V Offline
            volllume
            wrote on last edited by
            #5

            @arminunruh

            I do use Chrome on mobile (iOS) but I also tried on Safari and the result is the same.
            You can check by yourself if you want: https://volllume.eu/

            1 Reply Last reply
            0
            • V Offline
              V Offline
              volllume
              wrote on last edited by
              #6

              I finally changed the font with Impact... Not the best solution but it works for now.

              Even by trying all the methods I didn't manage to make the whole Inter font familly works. I guess the font is buggy or just don't work properly with Lay Theme.

              Curious to hear your thoughts, i still would love to use Inter everywhere on my website in the future :)

              1 Reply Last reply
              0
              • arminunruhA Offline
                arminunruhA Offline
                arminunruh
                Global Moderator
                wrote on last edited by
                #7

                i have no idea why that didnt work :|

                1 Reply Last reply
                0
                Reply
                • Reply as topic
                Log in to reply
                • Oldest to Newest
                • Newest to Oldest
                • Most Votes


                I also code custom websites or custom Lay features.
                šŸ’æ Email me here: šŸ’æ
                info@laytheme.com

                Before you post:
                1. When using a WordPress Cache plugin, disable it or clear your cache.
                2. Update Lay Theme and all Lay Theme Addons
                3. Disable all Plugins
                4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

                This often solves issues you might run into

                When you post:
                1. Post a link to where the problem is
                2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
                3. If the problem is difficult to explain, post screenshots / link to a video to explain it
                Online Users
                Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
                laytheme.com
                • Login

                • Don't have an account? Register

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