Breaking News: Grepper is joining You.com. Read the official announcement!

add font dynamically javascript

Long Loris answered on September 13, 2022 Popularity 4/10 Helpfulness 3/10

answer add font dynamically javascript

related add font dynamically javascript

add font dynamically javascript

Comment

Define a FontFace object:

new_font = new FontFace('conthrax', 'url(fonts/conthrax-sb.ttf)')
Call its load method to download the font:

new_font.load().then(function(loaded_face) {
    // use font here

}).catch(function(error) {

});
... this returns a Promise, which when resolved passes the loaded FontFace.

Add the loaded font to the document:

new_font.load().then(function(loaded_face) {
    // use font here
    document.fonts.add(loaded_face)
}).catch(function(error) {

});

Popularity 4/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: add javascript

Link to this answer
Share Copy Link

Contributed on Sep 13 2022

Long Loris

0 Answers Avg Quality 2/10

Closely Related Answers

add font dynamically javascript

Comment

Define a FontFace object:

new_font = new FontFace('conthrax', 'url(fonts/conthrax-sb.ttf)')
Call its load method to download the font:

new_font.load().then(function(loaded_face) {
    // use font here

}).catch(function(error) {

});
... this returns a Promise, which when resolved passes the loaded FontFace.

Add the loaded font to the document:

new_font.load().then(function(loaded_face) {
    // use font here
    document.fonts.add(loaded_face)
}).catch(function(error) {

});

Popularity 4/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: add javascript

Link to this answer
Share Copy Link

Contributed on Sep 13 2022

Long Loris

0 Answers Avg Quality 2/10

add font dynamically javascript

Contents

More Related Answers

add font dynamically javascript

Closely Related Answers

add font dynamically javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.