font-face thay đổi qua JavaScript

Question

Vì vậy, các công việc cơ bản là thế này:

1. Asynchronous upload file của font chữ (điều này đã được thực hiện).

2. Lấy URL (thực hiện)

3. Thay đổi phông chữ đến URL mới

Tôi nhận ra điều này cần phải được thực hiện thông qua font-face, nhưng tôi dường như không thể hình cách truy cập thông qua JavaScript.

Answer 1

Bạn có thể tạo ra một nguyên tố mới <style> với sự cai trị @font-face và gắn nó vào 's headdocument:

var newStyle = document.createElement('style'); 
newStyle.appendChild(document.createTextNode("\ 
@font-face {\ 
    font-family: " + yourFontName + ";\ 
    src: url('" + yourFontURL + "') format('yourFontFormat');\ 
}\ 
")); 

document.head.appendChild(newStyle); 

Tất nhiên, có thể bạn sẽ cần phải cung cấp tất cả các định dạng phông chữ cần thiết và URL, Ngoài ra, trừ khi bạn chỉ lo lắng về việc hỗ trợ cho các trình duyệt máy tính để bàn hiện đại (trong trường hợp này bạn sẽ chỉ sử dụng WOFF – Tôi cho rằng điều đó là hợp lý, vì các tính năng khác mà bạn đã đề cập).