+3 votes
by (2.7k points)
reopened by
I want to load fonts with javascript for speed up my web site opening speed. How to load?

1 Answer

+4 votes
by (1.6k points)
 
Best answer

$( document ).ready(function() {

//qa-theme line 79

var font = new FontFace("Ubuntu", "url(/qa-theme/SnowFlat/fonts/ubuntu-regular.woff2)", {

  style: 'normal', 

  unicodeRange: 'U+000-5FF', 

  weight: 'normal',

display: 'swap'

});

//font.load(); // don't wait for render tree, initiate immediate fetch!

document.fonts.add(font);

/////////////////////////////

var font = new FontFace("Ubuntu", "url(/qa-theme/SnowFlat/fonts/ubuntu-bold.woff2)", {

  style: 'normal', 

  unicodeRange: 'U+000-5FF', 

  weight: 'bold'

});

//font.load(); // don't wait for render tree, initiate immediate fetch!

document.fonts.add(font);

////////////////////////////

var font = new FontFace("Ubuntu", "url(/qa-theme/SnowFlat/fonts/ubuntu-italic.woff2)", {

  style: 'italic', 

  unicodeRange: 'U+000-5FF', 

  weight: 'normal'

});

//font.load(); // don't wait for render tree, initiate immediate fetch!

document.fonts.add(font);

/////////////////////////////

var font = new FontFace("Ubuntu", "url(/qa-theme/SnowFlat/fonts/ubuntu-bold-italic.woff2)", {

  style: 'italic', 

  unicodeRange: 'U+000-5FF', 

  weight: 'bold'

});

//font.load(); // don't wait for render tree, initiate immediate fetch!

document.fonts.add(font);

});


statcounter statistics counter
...