हमने v10 के लिए टाइपेकिट में एक नया किट स्थापित किया है। ब्रांडिंग के लिए, हम अभी के लिए प्रॉक्सिमा नोवा सॉफ्ट का उपयोग करेंगे और कुछ अन्य फोंट जो संभव के रूप में हमारे मॉकअप में एचएफ एंड जे फोंट के करीब दिखेंगे।
हम किट के वजन के बारे में थोड़ा चिंतित हैं (शाब्दिक रूप से सभी फोंट का फ़ाइल आकार) लेकिन हमें लगता है कि हम उत्पादन से पहले थोड़ा बेहतर कर सकते हैं।
हम उस एसिंक्रोनस जावास्क्रिप्ट का उपयोग करते हैं जो टाइपेकिट प्रदान करता है, जो हमारे पेज लोडिंग समय के लिए अच्छा होना चाहिए और संभावित टाइपकाट आउटेज के खिलाफ सुरक्षा उपाय। इसका मतलब है कि हमें थोड़ा सा फैंस हासिल करना होगा कि कैसे फोंट लोड होता है, जिसे हम प्राप्त करेंगे।
हमारी बिट्स। Scss फ़ाइल में, जहाँ हम अभी वेरिएबल्स रख रहे हैं, हम अपने फॉन्ट स्टैक्स के लिए एक कस्टम @mixin बनाते हैं। इसका मतलब यह होगा कि यदि हमें कभी भी (केवल एक स्थान पर परिवर्तन की आवश्यकता है) उपयोग में फोंट को बदलना वास्तव में आसान होगा। हम बिट्स को सुरक्षित रखना चाहते हैं। संकलित करते समय कोई सीएसएस उत्पन्न नहीं करता है, इसलिए इसे किसी भी पृष्ठ पर @imported किया जा सकता है, जिसे इसे आयात किए बिना उस पृष्ठ पर कुछ भी जोड़ने की आवश्यकता है।
हम अपने स्थानीय कस्टम स्थानीय विकास डोमेन के बारे में टंकण को बताते हैं, जिसे हम आगे स्थापित करेंगे।