2010-10-16 14 views
9

मेरे पास एक पैनल है जिसे < या> लिंक टेक्स्ट के रूप में प्रतीक के साथ लंबवत केंद्रित लिंक के माध्यम से विस्तारित या छोटा किया जा सकता है। फ़ॉन्ट-वेट पर: 900 यह चारों ओर एक बड़ी भूरे रंग की पृष्ठभूमि के साथ भी बाहर खड़ा नहीं है। मैं एक छवि का उपयोग नहीं करना चाहता हूं और, वर्तमान फ़ॉन्ट आकार पर, दोनों प्रतीक वर्तमान में पैनल की अधिकतम चौड़ाई लेते हैं।सीएसएस फ़ॉन्ट वजन 900 से मोटा मोटा?

क्या 900 से परे प्रतीकों पर रेखा को मोटा करने का कोई तरीका है? या क्या कोई और विकल्प है जिसका मैं उपयोग कर सकता हूं?

अग्रिम धन्यवाद।

रिचर्ड

उत्तर

5

दुर्भाग्य से वहाँ कोई font- वजन 900 से अधिक गहरा है, और संख्या से निर्दिष्ट करने font-weight ब्राउज़रों में भिन्न होता है। आपका सबसे अच्छा शर्त मोटा फ़ॉन्ट का उपयोग करना होगा - आपने जो निर्दिष्ट किया है, उसे निर्दिष्ट नहीं किया है, लेकिन वेब-सुरक्षित होने पर प्रभाव इसकी चौड़ाई के लिए अपेक्षाकृत मोटा और लंबा है। अन्यथा आप एक अलग फ़ॉन्ट में लोड करने के लिए @ फ़ॉन्ट-फेस का उपयोग कर सकते हैं।

+0

मैं 'फ़ॉन्ट-फ़ैमिली: वर्डाना, एरियल, हेल्वैटिका, सैन्स-सेरिफ़ 'का उपयोग कर रहा हूं। मैं बस उन लिंक के लिए एक वर्ग जोड़ सकता हूं जो फ़ॉन्ट को प्रभावित करने के लिए सेट करता है ... जो काम करेगा। इसे शैली में बहुत अलग दिखना चाहिए - केवल वजन में। पारितोषिक के लिए धन्यवाद। – ClarkeyBoy

25

सीएसएस 3 में फ़ॉन्ट आकार बोल्ड बनाने के लिए एक और रास्ता नहीं है:

color:#888888;  
text-shadow: 2px 0 #888888; 
letter-spacing:2px; 
font-weight:bold; 

संपादित करें:

अजीब कारण इस रूप में सुंदर नहीं लगती है क्योंकि यह एक से अधिक किया किसी प्रकार के लिए साल पहले। यह केवल 1 पीएक्स की टेक्स्ट-छाया के साथ काम करता है (सबसे आम फोंट पर, अन्य मोटे फोंट अभी भी 2 पीएक्स के साथ काम कर सकते हैं)। और केवल 1 पीएक्स की टेक्स्ट-छाया के साथ, इस तरह के बड़े अक्षरों की आवश्यकता नहीं है।

color:#888888;  
text-shadow: 1px 0 #888888; 
letter-spacing:1px; 
font-weight:bold; 
+0

बिल्कुल सही समाधान! धन्यवाद! – EgorTitov

0

यह काफी मोटा है। लेकिन केवल वेबकिट के साथ काम करता है।

font-size: -webkit-xxx-large; 
font-weight: 900; 

enter image description here

4

Gogutz जवाब देने के लिए जोड़ने के लिए, आप भी एक ग्रिड में पाठ-छाया अप stacking द्वारा bolder जा सकते हैं। कॉमा लाइन पर प्रत्येक को अलग करता है:

.extra-bold { 
    text-shadow: 0px 1px, 1px 0px, 1px 1px; 
} 
+0

आप यह भी कोशिश कर सकते हैं: 'टेक्स्ट-छाया: -1 पीएक्स 1 पीएक्स, 1 पीएक्स 1 पीएक्स, 1 पीएक्स 1 पीएक्स;' – agni10

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