Iv’e had this issue with different projects I was working on and couldn’t find a solution.
I gave the Nav Links a class in order to have my desired font, since I changed the font style, the Nav Links will start wiggling when clicking on them to go to another page.
When I change back the font to the original Arial style it will stop wiggling.
I tried giving a class to the body and select the font I like but still didn’t solve it
The Nav Links will wiggle (when clicking to change page) if I change their font style. Either when I select a font style to the Nav Link class or to the Body.
This will happen with most font style from the default options in the designer panel.
It will not happen if I leave the default Arial font style. Strangely, also with specific font style, like Exo, George, and Impact this will not happen. The rest fonts, if I select them to the Nav Link, The Nav Link will start wiggling when publishing the site
It looks like you set Arial font to the nav, this issue happens with other font style.
A workaround to the abrupt load is to add a transition, and you can view this transition implemented at the following URL: http://nav-fix-font.webflow.io/
The custom code used as follows:
<style>
html { opacity: 0; transition: opacity 600ms ease-out; }
html.webflow-loaded { opacity: 1; }
</style>
<script>
var Webflow = Webflow || ;
Webflow.push(function() { $(‘html’).addClass(‘webflow-loaded’) });
</script>
This workaround is noted in the following forum post:
Finally I was able to point out when exactly this is happening. Or better said, NOT happening!
When I choose a font style from the default options in the designer, or when I add a font style from the Google fonts in the Settings page > Fonts. It will mostly wiggle! (besides very few default font styles, as mentioned above).
It will not happen when I upload the font from my library.
Easy way is to browse Google fonts for the desired font. Download them and then upload to the project. Problem solved!
Great additional question, and this is a product of our browsers as noted in the following article: 