सीएसएस

Question

का उपयोग कर एक मोनोस्पेस फ़ॉन्ट का उपयोग करने के लिए एचटीएमएल टेक्स्टरेरा को मजबूर करना मैं अपने टेक्स्ट क्षेत्र को एक मोनोस्पेस्ड फ़ॉन्ट का उपयोग कैसे कर सकता हूं?

Answer 1

अगर मैं ठीक से समझ रहा हूँ, यह पहले से ही डिफ़ॉल्ट उपयोगकर्ता-एजेंट शैलियों के वारिस चाहिए, लेकिन यदि आप स्पष्ट रूप से, बस एक font-family निर्दिष्ट करना चाहते हैं (शैलियों Stackoverflow स्टाइलशीट से लानत)

textarea { 
    font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace; 
} 

निर्दिष्ट करें अधिक विशिष्ट (मोनोस्पेस-विशिष्ट) फ़ॉन्ट परिवार पहले, और यदि उपयोगकर्ता एजेंट के पास यह उपलब्ध नहीं है तो यह अंत तक उन्हें जारी रखेगा, इस स्थिति में यह उस तत्व के लिए डिफ़ॉल्ट उपयोगकर्ता एजेंट फ़ॉन्ट परिवार के लिए डिफ़ॉल्ट होगा, यदि कोई हो निर्दिष्ट किया गया था।

Answer 2

बस एक मोनोस्पेस फ़ॉन्ट का उपयोग करें। की तरह कुछ के लिए उदाहरण के लिए:

<textarea id="mytextarea"></textarea> 

सीएसएस होगा:

#mytextarea { 
    font-family: monospace; 
} 

आप एक विशिष्ट monospace फ़ॉन्ट का उपयोग करना चाहते हैं, तो आप, लेकिन कम से सामान्य 'monospace' जोड़ने के लिए मत भूलना कर सकते हैं मामले में अंत उपयोगकर्ता अपने पसंदीदा फ़ॉन्ट इंस्टॉल नहीं है:

#mytextarea { 
    font-family: 'DejaVu Sans Mono', monospace; 
} 

Answer 3

तुम भी मानक सामान्य font-family: monospace उपयोग कर सकते हैं, लेकिन सावधान रहना - वहाँ कुछ हैं गंभीर क्रोम, सफारी और कुछ भी वेबकिट आधारित साइड इफेक्ट्स (दुख की बात है)।

देखें:

• http://webkit.org/blog/67/strange-medium/
• http://archivist.incutio.com/viewlist/css-discuss/103606

Answer 4

textarea 
{ 
font-family: monospace; 
} 

आप एक महत्वपूर्ण जोड़ने की जरूरत हो सकती है यदि

textarea 
{ 
font-family: monospace !important; 
}