2009-05-13 20 views
20

मैं टेक्स्टपेरा को वेबपृष्ठ पर अन्य सभी चीज़ों के समान फ़ॉन्ट कैसे बना सकता हूं?टेक्स्टरेरा में फ़ॉन्ट स्थिरता

test.html:

<html> 
     <head> 
     <link rel="stylesheet" href="test.css"> 
     </head> 
    <body> 
     <div id="testarea"> 
      <textarea></textarea> 
     </div> 
    </body> 
    </html> 

test.css:

वर्तमान में मैं अपने कोड है

body { font: 100%/120% Verdana, Arial, Helvetica, sans-serif;} 
    #testarea textarea { width: 30em;height: 7em;font: inherit;} 

फ़ॉन्ट मोज़िला में विरासत, लेकिन IE7 पाठ क्षेत्र के अंदर कूरियर रहता है।

यूपीडी: स्पष्ट रूप से inherit टेक्स्टरी के लिए IE में काम नहीं करता है, इसलिए मैं अल्बर्टोप्ल की विधि के साथ जाऊंगा।

+0

अजीब बात है कि मोज़िला "काम करता है" क्योंकि मैं इस बग के लिए खोज नहीं कर रहा था जब यह नहीं था (एफएफ 4)। मेरे 'बॉडी' में फ़ॉन्ट घोषणा है, फिर भी 'textarea' कूरियर में था। 'फ़ॉन्ट, textarea {...' के रूप में मेरा फ़ॉन्ट डेलरेशन निर्दिष्ट करना ठीक काम किया। – Stephen

+0

... इससे भी बेहतर, मैं वास्तव में प्रश्न पढ़ता हूं और 'textarea {फ़ॉन्ट: वारिस}' सेट करता हूं जो अच्छी तरह से काम करता है;)। – Stephen

उत्तर

25

बस एक टेक्स्टरेरा तत्व बनाएं और वहां अपना फ़ॉन्ट तत्व परिभाषित करें।

textarea { font: 100%/120% Verdana, Arial, Helvetica, sans-serif;} 

आप इसे शरीर तत्व से बाहर जा सकते हैं।

आप * का उपयोग नहीं करना चाहते हैं, तो फॉन्ट दो बार (एक बार शरीर में और एक बार पाठ क्षेत्र में) को परिभाषित करना होगा।

+0

यह काम करेगा, लेकिन स्पष्ट रूप से * – da5id

+0

के माध्यम से सब कुछ के लिए एक शैली को लागू करने में शामिल ओवरहेड की उचित मात्रा है, फ़ॉन्ट को दो बार परिभाषित करना निश्चित रूप से काम करेगा, लेकिन फ़ॉन्ट क्यों नहीं होगा: काम का उत्तराधिकारी? जैसे मैंने कहा, मैं एटीएम का परीक्षण नहीं कर सकता, लेकिन मैं 99% निश्चित हूं जो मैंने नहीं किया ... – da5id

+0

मुझे लगता है कि आईई 7 बस सही ढंग से वारिस नहीं करता है, जो शर्म की बात है। – AlbertoPL

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