2012-07-03 6 views
11

सीएसएस के साथ काम करते समय मैं वास्तव में नए नियम जोड़ने और मौजूदा नियमों को अंतःक्रियात्मक रूप से संपादित करने के लिए वेब इंस्पेक्टर का उपयोग करने में सक्षम होना पसंद करता हूं। हालांकि, मैं बाहर नहीं मिल सकता है कैसे @font-face नियमक्रोम डीबगर का उपयोग करके मैं @ फ़ॉन्ट-फेस परिभाषाओं के साथ कैसे बातचीत करूं?

के साथ काम करने
  1. मैं कहाँ देख सकते हैं अगर मेरी स्टाइलशीट से एक @ फॉन्ट-फेस नियम मान्यता दी गई थी और प्रभाव ले जा रहा है?

    उदाहरण के लिए, यदि मेरे पास "div.foo" चयनकर्ता के साथ कोई नियम है तो मुझे केवल उस पृष्ठ पर किसी भी div का निरीक्षण करना है जिसमें नियम लेने और रहने के लिए कक्षा foo है इसके मूल्यों को संपादित करें।

  2. मैं एक नया @ फ़ॉन्ट-फेस नियम कैसे इंटरैक्टिव रूप से जोड़ सकता हूं?

    जब भी मैं "नया स्टाइल नियम" बटन (एक + प्रतीक वाला वाला) के माध्यम से एक को जोड़ने का प्रयास करता हूं, तो क्रोम क्रैश हो जाता है। क्या यह चयनकर्ता पर अजीब "@" के साथ है? वैसे भी "@" क्या है?

मैं क्रोम 1 का उपयोग कर रहा हूं क्योंकि मुझे इसकी डीबगर सबसे अच्छी पसंद है, लेकिन अगर मैं यहां एकमात्र संभावना थी तो मुझे किसी अन्य ब्राउज़र का उपयोग करने में कोई फर्क नहीं पड़ता।

उत्तर

7

(1) मुझे नहीं लगता कि आप कर सकते हैं। @ फ़ॉन्ट-फेस केवल उपलब्ध फ़ॉन्ट्स के सेट पर एक नया फ़ॉन्ट जोड़ता है। font-family: Foo वाले तत्व को देखते हुए, देव उपकरण फ़ॉन्ट की उत्पत्ति के बारे में कोई जानकारी प्रदान नहीं करते हैं (चाहे वह स्थानीय रूप से उपलब्ध हो या @ फ़ॉन्ट-फेस नियम के माध्यम से डाउनलोड हो)। आपको पेज के स्टाइल शीट में मैन्युअल रूप से @ फ़ॉन्ट-फेस नियमों की खोज करनी होगी और लिखना होगा कि कौन से फ़ॉन्ट नाम "बाहरी" हैं। (आप देव उपकरण के "संसाधन" टैब पर जाकर और खोज बॉक्स में "@ font-face" टाइप करके ऐसा कर सकते हैं।)

बीटीडब्ल्यू, आप देख सकते हैं कि कौन सी बाहरी फ़ॉन्ट-फाइलें उपलब्ध हैं वेब पेज, देव उपकरण में "संसाधन" टैब पर जाकर, और फ़ॉन्ट्स निर्देशिका का विस्तार करके। इस निर्देशिका में प्रत्येक फ़ाइल एक @ फ़ॉन्ट-फेस नियम का प्रतिनिधित्व करती है।

(2) आप "नया स्टाइल नियम" विधि का उपयोग नहीं कर सकते हैं क्योंकि @ फ़ॉन्ट-फेस शैली नियम नहीं है, बल्कि एक नियम है। वेब पेज पर @ फ़ॉन्ट-फेस नियम जोड़ने के लिए, देव उपकरण में "संसाधन" टैब पर जाएं, स्टाइलशीट निर्देशिका में स्टाइल शीट (.css फ़ाइल) का चयन करें, और @ font- उस स्टाइल शीट में चेहरा नियम। अब, आप अपने font-family गुणों में तुरंत नए जोड़े गए फ़ॉन्ट नाम का उपयोग शुरू कर सकते हैं।

+0

यह पूरी तरह से काम किया। – hugomg

संबंधित मुद्दे

 संबंधित मुद्दे