Docs

[rolandtaracks]

Hello,

My site is http://www.test7345023.us/

I’m trying to change the font of individual pieces of text via CSS in the style section of the inspector.
However, on most computers I view my website on the font in the style section does not load and uses the default font.

All computers I ‘ve tested it on (2 macs and 1 windows laptop) have their caches cleared.

Example: On the home page the text “THE INTERNATIONAL BESTSELLING NETWORKING BOOK” is supposed to in Oswald font.
In the style section I put “font-family: ‘Oswald’, sans-serif;”

How can I resolve this issue?

Thanks!

[rolandtaracks]

So it looks like I have to add an @import CSS onpage (global doesn’t work) and the javascript font code sitewide in order for it to work on all devices. I wonder why this is.

Also my revolution slider on the home page sometimes fails to load or does so very slowly. My image is optimized so I’m sure what could be causing this. Any ideas?

Thanks!

[Lely]

Hi There,

The javascript code you have added for the font is not working. Please note that script tag is not needed when adding code in the Customizer. Please just add this:

  WebFontConfig = {
    google: { families: [ 'Oswald:300:latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })(); 

Remove this:
<script type="text/javascript">
and also this:
</script>
So either add the javascript code for font without script tag or just use CSS like this:
@import url(https://fonts.googleapis.com/css?family=Oswald:300);

You may check this link about page performance and optimization:https://community.theme.co/kb/performance/

Hope this helps.

[Author]

Posts