Sometimes title becomes bold, then becomes normal again. Steps to reproduce: <

<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/us

Title becomes bold during navigation about chalk HOT 4 CLOSED

nielsenramon commented on July 28, 2024

Title becomes bold during navigation

from chalk.

Comments (4)

nielsenramon commented on July 28, 2024

@avarabyeu That's normal, it's the google fonts async delay. So it uses the system font first until the google font has been downloaded. I know it's not that nice but it's the optimal option for Google PageSpeed. You can disable the async version if you just include the default script tag from their website!

from chalk.

avarabyeu commented on July 28, 2024

@nielsenramon just replaced 'WebFont.load...' with standard directives, but still no luck, behaviour is the same. Maybe, i'm doing smth wrong. May i ask you to have a look?

{% javascript vendor %}
{% javascript application %}

<!-- <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.16/webfont.js"></script> -->
<link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond:700;subset=cyrillic" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700;subset=cyrillic" rel="stylesheet">

<!-- <script>
  WebFont.load({
    google: {
      families: ['Cormorant Garamond:700', 'Lato:300,400,700']
    }
  });
</script> -->

{% if site.ga_analytics %}
  <script>
    window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
    ga('create','{{ site.ga_analytics }}','auto');ga('send','pageview')
  </script>
  <script src="https://www.google-analytics.com/analytics.js" async defer></script>
{% endif %}