मैं एक वेबसाइट है कि फॉन्ट परीक्षणों ऑनलाइन की आवश्यकता है पर काम कर रहा हूँ, फोंट मैं सब .otfवेब ब्राउज़र पर फोंट .otf का उपयोग
वहाँ फोंट एम्बेड और उन्हें सभी ब्राउज़रों पर काम कर पाने का कोई तरीका है कर रहे हैं ?
यदि नहीं, तो मेरे पास अन्य विकल्प क्या हैं?
आप की तरह अपने OTF फ़ॉन्ट @ का उपयोग कर फॉन्ट-फेस को लागू कर सकते हैं: आप आधुनिक ब्राउज़रों के विस्तृत विविधता मैं WOFF और TTF फ़ॉन्ट प्रकार के लिए स्विच करने के लिए आप की सिफारिश करेंगे समर्थन करना चाहते हैं, तो
@font-face {
font-family: GraublauWeb;
src: url("path/GraublauWeb.otf") format("opentype");
}
@font-face {
font-family: GraublauWeb;
font-weight: bold;
src: url("path/GraublauWebBold.otf") format("opentype");
}
हालांकि । WOFF प्रकार प्रत्येक प्रमुख डेस्कटॉप ब्राउज़र द्वारा कार्यान्वित किया जाता है, जबकि TTF प्रकार पुराने सफारी, एंड्रॉइड और आईओएस ब्राउज़र के लिए फॉलबैक है। यदि आपका फ़ॉन्ट एक मुफ्त फ़ॉन्ट है, तो आप उदाहरण के लिए onlinefontconverter का उपयोग करके अपना फ़ॉन्ट बदल सकते हैं।
@font-face {
font-family: GraublauWeb;
src: url("path/GraublauWebBold.woff") format("woff"), url("path/GraublauWebBold.ttf") format("truetype");
}
आप समर्थन करने के लिए लगभग हर ब्राउज़र अभी भी (अब IMHO आवश्यक नहीं) है कि बाहर वहाँ चाहते हैं, आप की तरह कुछ और फ़ॉन्ट प्रकार जोड़ना चाहिए:
@font-face {
font-family: GraublauWeb;
src: url("webfont.eot"); /* IE9 Compat Modes */
src: url("webfont.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("webfont.woff") format("woff"), /* Modern Browsers */
url("webfont.ttf") format("truetype"), /* Safari, Android, iOS */
url("webfont.svg#svgFontName") format("svg"); /* Legacy iOS */
}
आप अधिक पढ़ सकते हैं इन सभी प्रकारों को क्यों लागू किया गया है और उनके हैक्स here क्यों हैं। जिनमें से फ़ाइल प्रकार जो ब्राउज़रों द्वारा समर्थित हैं एक विस्तृत विवरण मिलता लिए, देखें:
आशा है कि यह मदद करता है
आह, तुमने मुझे मार दिया! – kzh
यह लगभग सभी ब्राउज़रों पर पूरी तरह से ठीक काम करता है ... एकमात्र ब्राउज़र जो काम नहीं करता है फ़ायरफ़ॉक्स लिनक्स है ... उस के लिए कोई सुझाव ?? – Naruto
ध्यान दें कि यदि आप इसे Windows सर्वर पर होस्ट कर रहे हैं, तो आपको .otf फ़ाइल टाइप को वैध और सेवा फ़ाइल प्रकार के रूप में जोड़ना होगा। यह देखने का एकमात्र तरीका यह है कि यह समस्या फ़ॉन्ट के लिंक का पालन करना है (यदि 404 त्रुटि है तो)। परीक्षण के लिए आप अस्थायी रूप से .ttf या यहां तक कि .html का नाम बदल सकते हैं। आईई द्वारा समर्थित एकमात्र वेब फोंट डब्ल्यूओएफएफ प्रारूप है। (नहीं, इसके बारे में कभी भी नहीं सुना!) –
Google Font Directory उदाहरण से:
@font-face {
font-family: 'Tangerine';
font-style: normal;
font-weight: normal;
src: local('Tangerine'), url('http://example.com/tangerine.ttf') format('truetype');
}
body {
font-family: 'Tangerine', serif;
font-size: 48px;
}
यह .ttf साथ पार ब्राउज़र काम करता है, मैं इसे .otf साथ काम कर सकते विश्वास करते हैं। (Wikipedia कहते .otf ज्यादातर पीछे की ओर .ttf के साथ संगत है) यदि नहीं, तो आप .ttf को
यहाँ कुछ अच्छा साइटों .otf convert कर सकते हैं:
अच्छा प्राइमर:
अन्य जानकारी:
शायद टैग सूची से जावास्क्रिप्ट को हटाया जाना चाहिए? – kzh