कोणीय 4 क्ली वेब एप्लिकेशन में फ़ॉन्ट आयात करने के लिए सर्वश्रेष्ठ अभ्यास/शैली

Question

मैं एक कोणीय 4 व्यक्तिगत प्रोजेक्ट पर काम कर रहा हूं, और अपने कोणीय अनुप्रयोग में उबंटू फ़ॉन्ट परिवार जोड़ना चाहता था। किसी प्रोजेक्ट में कई कस्टम फोंट जोड़ने के लिए सबसे अच्छा अभ्यास या शैली क्या है? मैंने वर्तमान में उबंटू फ़ॉन्ट परिवार को /assets/fonts/ubuntu-font-family-0.83 में सहेजा है और इसे फ़ॉन्ट चेहरे के साथ बाहरी सबसे अधिक सीएसएस फ़ाइल, app.component.css में जोड़ा है।

@font-face { 
    font-family: 'Ubuntu'; 
    src: url('/assets/fonts/ubuntu-font-family-0.83/Ubuntu-R.ttf'); 
} 

मूल घटक में इस डाल करके मैं नेस्टेड घटकों मैं सिर्फ एक डिफ़ॉल्ट font-family जैसे कि यह इलाज में फ़ॉन्ट फिर से परिभाषित करने की जरूरत नहीं है।

क्या ऐसा करने के लिए कोई स्पष्ट/बेहतर तरीका है और अभी भी डुप्लिकेट कोड काट रहा है?

Answer 1

न केवल कोणीय ऐप के लिए वेबसाइट पर फोंट शामिल करने का बेहतर तरीका है।

चेकआउट https://fonts.google.com

ऐसा क्यों है बेहतर है?

• उच्च प्रदर्शन
• उच्च मौका है कि आपके ग्राहक को अपने कैश में फॉन्ट होगा
• आप फ़ाइलें संलग्न बारे में चिंता करने की जरूरत नहीं है, और तुम्हारा मूल बैंडविड्थ

का उपयोग अपने यदि आप अपनी सीएसएस फ़ाइल में निम्नलिखित आयात करेंगे:

@import url('https://fonts.googleapis.com/css?family=Ubuntu'); 

आप इसे मुख्य .css फ़ाइल में रख सकते हैं, index.html द्वारा शामिल या आप <link> टैग का उपयोग कर सकते हैं और अपने शीर्षकों में फोंट भी शामिल कर सकते हैं (index.html में भी)

<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">