2010-08-18 9 views
7

के साथ लैटिन वर्णों और जापानी वर्णों के लिए विभिन्न फ़ॉन्ट्स का उपयोग करें हम एक ऐसी साइट बना रहे हैं जो जापानी और अंग्रेजी दोनों का उपयोग करे। हम डिफ़ॉल्ट जापानी फ़ॉन्ट्स से दूर जाना चाहते हैं जो ClearType का उपयोग नहीं कर सकते हैं। क्या ब्राउज़र को जापानी वर्णों (मीरियो की तरह) के लिए एक अलग जापानी फ़ॉन्ट का उपयोग करने का एक तरीका है और एक ही पृष्ठ पर केवल लैटिन वर्णों (हेल्वेटिका की तरह) के लिए एक और फ़ॉन्ट है? हम किसी भी अंग्रेजी शब्द को मेरियो फ़ॉन्ट का उपयोग नहीं करना चाहते हैं।सीएसएस

हम वास्तव में इस लेख से सीएसएस का पहला अंग्रेजी फोंट निर्दिष्ट करने के लिए एक टिप का इस्तेमाल किया: http://www.lukew.com/ff/entry.asp?118

हालांकि, इस IE में काम नहीं करता। भले ही हम हेल्वैटिका, वेरदाना, या किसी अन्य व्यापक रूप से उपलब्ध फ़ॉन्ट को पहले निर्दिष्ट करें और फिर सीएसएस में जापानी फ़ॉन्ट, आईई अब भी अंग्रेजी शब्दों के लिए जापानी फ़ॉन्ट का उपयोग करेगा। फ़ायरफ़ॉक्स, क्रोम, आदि अपेक्षित के रूप में काम करते हैं।

(यदि संभव हो तो हमें आशा है कि अंतराल में प्रत्येक अंग्रेजी शब्द लपेटकर की तरह कुछ का सहारा लेना नहीं)

उत्तर

0

कैसे आप स्क्रीन को मुद्रित करने के लिए पेज क्या भाषा कह रहे हैं?

यदि आप एक चर प्राप्त कर रहे हैं तो आप इस चर का उपयोग उस वर्ग के रूप में नहीं कर सकते जिसे आप शरीर के एक div के लिए उपयोग करते हैं।

<body class="english"> 

या

<body class="japanese"> 
5

आप के चारों ओर एक वर्ग और फ़ॉन्ट के साथ हर भाषा अनुभाग अंकन नहीं मिल सकता है तो आप इस पार ब्राउज़र काम करना चाहते हैं। यह केवल सीएसएस के साथ नहीं किया जा सकता है।

आप मैन्युअल रूप से या स्वचालित रूप से एक भाषा कक्षा लागू कर सकते हैं। समर्थन और बनाए रखने के लिए मैन्युअल रूप से बहुत काम हो सकता है, लेकिन मजबूत है। गतिशील रूप से इसे बैक-एंड स्क्रिप्ट या जावास्क्रिप्ट का उपयोग करके किया जा सकता है, कुछ यूनिकोड वर्ण ब्लॉक में आने वाले वर्णों के लिए एक स्ट्रिंग स्कैन करके और उसके अनुसार एक भाषा वर्ग लागू करना।

आप ब्लॉक परिभाषाएँ यहां पा सकते हैं (जापानी हिरागना और काटाकाना है): http://www.fileformat.info/info/unicode/block/index.htm

मैं, ऐसा करने का बैक-एंड रास्ता की सलाह देते हैं क्योंकि पृष्ठ पर एक फ़ॉन्ट बदलने झिलमिलाते या का स्थानान्तरण के कारण हो सकता पेज लोड के दौरान तत्व।

+2

हीरागाना और काटाकना केवल शब्दांश वर्ण सेट, आप बाहर जा रहे सभी कांजी (सीजेके पात्र)। –

3

अंग्रेजी और जापानी पाठ के लिए सीएसएस कक्षा बनाएं।

.ja { font-family: meiryo, sans-serif; } 
.en { font-family: arial, verdana, sans-serif; } 

पूरे पृष्ठ जापानी में है, तो, शरीर टैग करने के लिए वर्ग = "जा" जोड़ने के हो, तो मिश्रित सामग्री, एचटीएमएल तत्व यह है कि उदाहरण के लिए, जापानी पाठ शामिल करने के लिए वर्ग = "जा" जोड़ें:

<td class="ja">日本語</td> 
+1

मेरा मानना ​​है कि यह एकमात्र तरीका हो सकता है, और इस जापानी/अंग्रेजी साइट पर अधिकांश पृष्ठों पर जिस तरह से किया गया है http://www.jlptstudy.com/N5/ – PandaWood

+0

*** संकेत: *** एचटीएमएल में 'लैंग' सार्वभौमिक विशेषता है और सीएसएस के लिए एक चयनकर्ता है: [लैंग विशेषता (w3.org; एकाधिक भाषाओं) का उपयोग करके स्टाइलिंग (https://www.w3.org/International/questions/qa-css- लैंग) – hakre

2

मैंने 'यूनिकोड-रेंज' सीएसएस संपत्ति का उपयोग करके अपनी समस्या हल कर ली है।

आप यहाँ विवरण प्राप्त कर सकते हैं: https://developer.mozilla.org/en/docs/Web/CSS/@font-face/unicode-range

उदाहरण:

/* bengali */ 
 
@font-face { 
 
    font-family: 'Atma'; 
 
    font-style: normal; 
 
    font-weight: 400; 
 
    src: url(https://fonts.gstatic.com/s/atma/v2/tUcVDHNCVY7oFp6g2zLOiQ.woff2) format('woff2'); 
 
    unicode-range: u+0980-09FF; 
 
} 
 

 

 
body { 
 
    font-family: 'Atma', arial, sans-serif; 
 
    font-size: 18px; 
 
}
<p>Example is better than precept.</p> 
 
<p>উপদেশের চেয়ে দৃষ্টান্ত ভালো।</p>