सेगो यूआई लाइट फ़ॉन्ट Google क्रोम

में ठीक से प्रदर्शित नहीं हो रहा है, मैं अपनी वेबसाइट में सेगो यूआई लाइट फ़ॉन्ट का उपयोग कर रहा हूं।सेगो यूआई लाइट फ़ॉन्ट Google क्रोम

इस प्रकार इस्तेमाल किया गया सीएसएस निम्नानुसार है।

.divMainHeader 
{ 
font-family:Segoe UI; 
font-size:28pt; 
font-weight:lighter; 
width:100% 
}

लेकिन Google क्रोम इस फ़ॉन्ट को ठीक से प्रस्तुत नहीं कर रहा है। मुझे क्रोम में सेगो यूआई लाइट का बोल्ड फ़ॉन्ट मिल रहा है।

छवि। The Screen Shots joined of different browsers.

ब्राउज़र का संस्करण जो मैं उपयोग कर रहा हूं।

इंटरनेट एक्सप्लोरर: 9

मोज़िला फ़ायरफ़ॉक्स: 21

गूगल क्रोम: 27

स्रोत

2013-06-03 Elegant Coder

क्या इससे मदद मिलती है? http://stackoverflow.com/questions/2705791/how-do-i-get-font-weight-lighter-to-work-in-google-chrome –

@ralph जो काम नहीं करता :( –

क्योंकि विभिन्न कारणों से हो सकता है:

शायद आप गलत फ़ॉन्ट प्रारूप का उपयोग कर रहे हैं। क्रोम एसवीजी, डब्ल्यूओएफएफ, टीटीएफ/ओएफटी का समर्थन करता है।
font- वजन को परिभाषित करने की दिशा में एक गलत दृष्टिकोण है, जो ब्राउज़र की ओर जाता है font-weight संपत्ति व्याख्या करने के लिए ले ली को गलत तरीके से

नमूना: http://pastebin.com/FiGvAfTk

आप अपने फोंट ठीक से परिभाषित कर रहे हैं?

स्रोत

2013-06-03 10:35:12

मैं उपयोग कर रहा हूं टीटीएफ प्रकार। मैंने फ़ॉन्ट वजन को आवंटित करने के लिए अलग-अलग दृष्टिकोण की कोशिश की। कुछ भी काम नहीं करता है। –

क्या आप अपना कोड पोस्ट कर सकते हैं? –

मैं उसी कोड का उपयोग कर रहा हूं जिसका मैंने प्रश्न में उपयोग किया है। इस समस्या के कारण मैंने रोबोटो को संघनित किया और यह है सभी ब्राउज़रों में ठीक काम कर रहा है। –

दिलचस्प ... मैं लगभग रिवर्स समस्या आ रही है ... मैं Segoe यूआई लाइट क्रोम और आईई 10 में ठीक से प्रस्तुत करने के लिए मिल सकता है, लेकिन एफएफ में 21.

another post some time back में, यह सुझाव दिया गया था क्या माइक्रोसॉफ्ट अपनी साइट पर उपयोग करता है करने के लिए कुछ इसी तरह ...

h1, h2, h3, h4, h5, h6, h7 { 
    font-family: "wf_SegoeUILight","wf_SegoeUI","Segoe UI Light","Segoe WP Light","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; 
    font-weight: 300; 
}

ब्राउज़रों उसका सम्मान नहीं करते font-weight + Segoe यूआई फ़ॉन्ट के लिए, निर्दिष्ट करने Segoe यूआई लाइट पहला गारंटी नहीं है कि यह renders लगता है उपयोग करने के लिए हल्का वजन फ़ॉन्ट।

हालांकि, एफएफ 21 में, मैं अभी भी सामान्य सेगो यूआई फ़ॉन्ट देख रहा हूं, चाहे मैं कोशिश करता हूं। फायरबग इंगित करता है कि यह सूची से सेगो यूआई फ़ॉन्ट चुन रहा है।

स्रोत

2013-06-08 17:57:30

मेरे पास एक ही समस्या थी, ब्राउजर केवल हल्के संस्करण के विपरीत मानक सेगो यूआई प्रस्तुत करता था। यदि आप फ़ॉन्ट-परिवार को सेगो यूआई लाइट में बदलते हैं तो इसे वही करना चाहिए जो आप चाहते हैं।

कृपया नीचे दिया गया संशोधित कोड देखें:

.divMainHeader { 
    font-family:"Segoe UI Light"; 
    font-size:28pt; 
    font-weight:100; 
    width:100% 
}

स्रोत

2013-07-31 15:23:21 PTD

@font-face { 
    font-family: 'Myfont'; 
    font-style: normal; 
    font-weight: 200; 
    src: local('Segoe UI Light'), local('SegoeUI-Light'); 

} 

body{ 
    font-family: 'Myfont'; 
}

इस कोड को मेरी समस्या तय तुम्हारा

स्रोत

2013-11-01 16:39:15

की तरह इसकी मुश्किल फ़ायरफ़ॉक्स में इस काम के प्राप्त करने के लिए। फ़ॉन्ट वजन 300 सभी संस्करणों में कुछ समय काम नहीं करता है। नीचे दिया गया कोड मेरे लिए काम करता है और सभी ब्राउज़रों के साथ संगत है।

font-family: "Segoe UI Light","Segoe UI"; 
font-weight: 300;

Here यह एक एचटीएमएल 5 समाधान से है देखें, लेकिन यह आप भी सीएसएस font-weight विकल्प आप शब्दों में वजन बता देंगे पर होवर मदद कर सकता है, के रूप में यह दृश्य स्टूडियो में भी है ... (लाइट, अर्ध, आदि) 100: पतला 200: अतिरिक्त प्रकाश (अल्ट्रा लाइट) 300: प्रकाश 400: सामान्य 500: मध्यम 600: अर्द्ध बोल्ड (डेमी बोल्ड) 700: बोल्ड 800: अतिरिक्त बोल्ड उम्मीद है कि यह मदद करता है।

निम्न विकल्पों का पालन करें और सेमिबॉल्ड या सेमिलाइट का उपयोग करने के बजाय फ़ॉन्ट-वेट जोड़ें। बस फ़ॉन्ट-वेट के संयोजन के साथ 'सेगो यूई' का उपयोग करें।

@font-face { 
    font-family: "Segoe UI"; 
    font-weight: 200; 
    src: local("Segoe UI Light"); 
} 
@font-face { 
    font-family: "Segoe UI"; 
    font-weight: 300; 
    src: local("Segoe UI Semilight"); 
} 
@font-face { 
    font-family: "Segoe UI"; 
    font-weight: 400; 
    src: local("Segoe UI"); 
} 
@font-face { 
    font-family: "Segoe UI"; 
    font-weight: 600; 
    src: local("Segoe UI Semibold"); 
} 
@font-face { 
    font-family: "Segoe UI"; 
    font-weight: 700; 
    src: local("Segoe UI Bold"); 
} 
@font-face { 
    font-family: "Segoe UI"; 
    font-style: italic; 
    font-weight: 400; 
    src: local("Segoe UI Italic"); 
} 
@font-face { 
    font-family: "Segoe UI"; 
    font-style: italic; 
    font-weight: 700; 
    src: local("Segoe UI Bold Italic"); 
}

स्रोत

2013-11-13 21:48:46 Kurkula

सेगो यूआई लाइट फ़ॉन्ट Google क्रोम

उत्तर

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