Font dont match between Live Page and preview

  • Resolved zerobulwark

    (@tkdfilipe)


    6 years, 3 months ago

    I used the import function to transfer the website i did in the virtual machine to the live site.
    The only problem i have is that the font of topbar and menu on the live website doesn’t match the original version, even though in options is all correct and in the preview it works properly as shown in the print screens below.
    Live Version: https://imgur.com/NQDz3Qe
    Live Version on Customize and desirable font: https://imgur.com/zpr9I9h

    btw, im using Roboto from Google Fonts

    • This topic was modified 6 years, 3 months ago by zerobulwark.
    • This topic was modified 6 years, 3 months ago by zerobulwark.
    • This topic was modified 6 years, 3 months ago by zerobulwark.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hello,

    Try to add the below code to the Customize > Custom CSS section and check it works or not. 

    #top-bar-content, #top-bar-social-alt {
    font-family: "Roboto",Sans-serif;
}
#site-navigation-wrap .dropdown-menu>li>a, #site-header.full_screen-header .fs-dropdown-menu>li>a, #site-header.top-header #site-navigation-wrap .dropdown-menu>li>a, #site-header.center-header #site-navigation-wrap .dropdown-menu>li>a, #site-header.medium-header #site-navigation-wrap .dropdown-menu>li>a, .oceanwp-mobile-menu-icon a {
    font-family: "Roboto",Sans-serif;
}
    Thread Starter zerobulwark

    (@tkdfilipe)

    Didn’t work :/
    thanks

    Try to use the above code with the !important. Here is the updated code. Clear cache or use a different browser to see the changes. 

    #top-bar-content, #top-bar-social-alt {
    font-family: "Roboto",Sans-serif !important;
}
#site-navigation-wrap .dropdown-menu>li>a, #site-header.full_screen-header .fs-dropdown-menu>li>a, #site-header.top-header #site-navigation-wrap .dropdown-menu>li>a, #site-header.center-header #site-navigation-wrap .dropdown-menu>li>a, #site-header.medium-header #site-navigation-wrap .dropdown-menu>li>a, .oceanwp-mobile-menu-icon a {
    font-family: "Roboto",Sans-serif !important;
}
    • This reply was modified 6 years, 3 months ago by Amit Singh. Reason: typo
    Thread Starter zerobulwark

    (@tkdfilipe)

    this time worked. solved
    thanks!

    You’re welcome!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Font dont match between Live Page and preview’ is closed to new replies.