फ़ॉन्ट-फेस जावास्क्रिप्ट

Question

के माध्यम से बदल रहा है तो बुनियादी कार्यप्रवाह यह है:

1. फ़ॉन्ट का अतुल्यकालिक फ़ाइल अपलोड (यह पहले से ही किया जाता है)।

2. यूआरएल (किया)

3. बदलें जाओ नए URL फ़ॉन्ट

मैं इस फॉन्ट-फेस के माध्यम से किया जाना चाहिए, लेकिन मैं आंकड़ा नहीं कर पा रहे एहसास जावास्क्रिप्ट के माध्यम से इसका उपयोग कैसे करें।

Answer 1

आप @font-face शासन के साथ एक नया <style> तत्व बना सकते हैं और करने के लिए document के head संलग्न कर सकते हैं:

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

document.head.appendChild(newStyle); 

बेशक

, तो आप शायद सभी आवश्यक फ़ॉन्ट स्वरूपों और URL प्रदान करने की आवश्यकता होगी, भी, जब तक कि आप केवल आधुनिक डेस्कटॉप ब्राउज़र के लिए समर्थन के बारे में चिंतित नहीं हैं (इस मामले में आप केवल WOFF – का उपयोग करेंगे, मुझे लगता है कि आपके द्वारा उल्लिखित अन्य विशेषताओं के कारण यह उचित है)।