टाइपोग्राफी
स्केल एक घनत्व निर्णय है और फोंट एक फेस निर्णय है: यह पृष्ठ दिखाता है कि एक आकार कैसे पढ़ा जाता है, न कि इसका आज का मूल्य क्या है। डिबग पैनल में फोंट एक्सिस को स्विच करें और नीचे सब कुछ एक अन्य फेस में सेट किया गया है बिना किसी नियम को बदले।
परिवार
--font-family-base
--font-family-heading
--font-family-mono
वजन
--font-weight-normal — तेज भूरा लोमड़ी सुस्त कुत्ते के ऊपर कूदती है — 0123456789
--font-weight-medium — तेज भूरा लोमड़ी सुस्त कुत्ते के ऊपर कूदती है — 0123456789
--font-weight-strong — तेज भूरा लोमड़ी सुस्त कुत्ते के ऊपर कूदती है — 0123456789
--font-weight-bold — तेज भूरा लोमड़ी सुस्त कुत्ते के ऊपर कूदती है — 0123456789
टाइप स्केल
डिज़ाइन सिस्टम — बेहतरीन इंटरफेस के लिए निर्माण खंड
प्रत्येक पृष्ठ पर एक बार उपयोग किया जाता है। प्राथमिक संदर्भ सेट करता है। एक छोटे लीड पैराग्राफ के साथ जोड़ा जाता है।
टाइपोग्राफी पदानुक्रम और ताल स्थापित करती है
सेक्शन-स्तरीय शीर्षक। संबंधित सामग्री को समूहित करता है। आमतौर पर शरीर के पाठ या उप-सेक्शनों के बाद आता है।
स्पेसिंग और अनुपात पठनीयता को आकार देते हैं
उप-सेक्शन शीर्षक। एक सेक्शन के भीतर एक केंद्रित विषय को पेश करता है।
रंग और विपरीत आंख को मार्गदर्शित करते हैं
कार्ड शीर्षकों, साइडबार सेक्शनों, या छोटे समूहों के लिए उपयोग किया जाता है।
इंटरएक्टिव राज्य स्पष्ट होना चाहिए
लेबल, मेटाडेटा हेडर, छोटे समूह। शरीर के पाठ से सूक्ष्म लेकिन स्पष्ट।
सुलभता एक विशेषता है, कोई बाद का विचार नहीं
सबसे छोटा शीर्षक स्तर। विवेक से उपयोग करें — फुटनोट्स, कानूनी ब्लॉक्स, या सहायक लेबल के लिए।