कस्टम फ़ॉन्ट्स प्रकट नहीं होंगे। एमआईएम, फंक्शंस, और फ़ॉन्ट फैमिली के माध्यम से दौड़ें। कोई भाग्य

Question

एक वर्डप्रेस साइट के साथ काम करना। मैं अपने ब्राउज़र के यूआरएल बार और फ़ॉन्ट ऑटो डाउनलोड में फ़ॉन्ट लिंक प्लग कर सकता हूं, इसलिए मेरा मानना ​​है कि यह सही ढंग से जुड़ा हुआ है।

मेरे पास मेरे कस्टम फोंट फ़ोल्डर में एक अलग स्टाइलशीट में सभी कस्टम फोंट हैं जिन्हें मैंने लिंक करने के लिए @import का उपयोग किया है, वे मेरे ब्राउज़र स्रोत में दिखाई देते हैं, इसलिए मुझे लगता है कि चेक आउट हो जाता है। अभी के लिए, समस्या निवारण के दौरान, मैंने सीधे अपने मुख्य बाल थीम सीएसएस फ़ाइल में एक फ़ॉन्ट लगाया। मैं नीचे दिया गया कोड शामिल करूंगा।

@font-face { 
    font-family: 'Blackout Sunrise'; 
    scr: url('blackout_sunrise-webfont.eot'); 
    scr: url('blackout_sunrise-webfont.eot?#iefix') format('embedded-opentype'), 
    url('blackout_sunrise-webfont.woff') format('woff'), 
    url('blackout_sunrise-webfont.ttf') format('truetype'), 
    url('blackout_sunrise-webfont.svg') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

मैंने पूरे दिन बिताए और वीडियो को यह जानने की कोशिश कर रहे हैं कि समस्या क्या हो सकती है। यह मुझे एमआईएम के लिए ले जाता है। मैंने अपने होस्टिंग अपाचे & nginx सेटिंग्स में कस्टम एमआईएम प्रकार जोड़े। मैंने अपनी .htaccess फ़ाइल के शीर्ष पर इन समान एमआईएम प्रकारों को भी जोड़ा जो मुझे लगता है कि "# BEGIN वर्डप्रेस" से ऊपर, मेरी वेबसाइट की रूट निर्देशिका है। यहां बताया गया है कि मैंने उन्हें दोनों स्थानों में कैसे जोड़ा:

AddType application/vnd.ms-fontobject .eot 
AddType font/ttf .ttf 
AddType font/otf .otf 
AddType application/x-font-woff .woff 
AddType image/svg+xml svg 
AddType image/svg+xml svgz 

कोई भाग्य नहीं था। एक मंच में उन्होंने कहा ताकि मैं अपने बच्चे विषय में नीचे इस कोड को जोड़ा आप functions.php में नया MIME प्रकार समर्थन जोड़ने के लिए आवश्यकता हो सकती है:

function my_myme_types($mime_types){ 
    $mime_types['eot'] = 'application/vnd.ms-fontobject'; //Adding avi extension 
    $mime_types['ttf'] = 'font/ttf'; 
    $mime_types['otf'] = 'font/otf'; 
    $mime_types['woff'] = 'application/x-font-woff'; 
    $mime_types['svg'] = 'image/svg+xml'; 
    $mime_types['svgz'] = 'image/svg+xml'; 
    return $mime_types; 
    } 
    add_filter('upload_mimes', 'my_myme_types', 1, 1); 

फिर भी कुछ नहीं। मुझे नहीं पता कि आगे क्या करना है या जहां मैं गलत हो सकता हूं। आज 8 घंटे खर्च करने की कोशिश कर रहे हैं। मैं एक बच्चे के विषय के साथ काम कर रहा हूँ। क्या सही स्थान पर। Htaccess है, क्या मुझे एक नया निर्माण करने की आवश्यकता है? अगर मुझे कोई समाधान मिल जाए तो मैं कल पोस्ट करूंगा। किसी भी तरह की सहायता का स्वागत किया जाएगा। (सोचा कि यह आसान हिस्सा होगा)

8/27/16 - प्रगति।

आज और अधिक खोजा गया। मैंने फ़ाइल फोर त्रुटियों की संभावना कम करने के लिए अपने फोंट को चारों ओर स्थानांतरित कर दिया। कुछ मंच यूआरएल के कोष्ठक के अंदर कोटेशन का उपयोग करते हैं और अन्य नहीं। मैंने दोनों की कोशिश की। एक मंच ने फ़ाइल के "पढ़ने और लिखने" विशेषाधिकारों पर ध्यान दिया। "मुझे" पढ़ने-योग्य विशेषाधिकार थे और मैंने "स्टाफ" को पढ़ने-लिखने के विशेषाधिकारों को बदलने के लिए भी बदल दिया, जिससे "हर कोई" केवल फोरम के सुझाव के रूप में पढ़ने के लिए छोड़ दिया गया। मैंने फिर सर्वर पर फ़ाइलों को दोबारा अपलोड किया। समस्या ठीक नहीं किया।

यह एक बढ़िया लेख था: http://nicewebtype.com/notes/2009/10/30/how-to-use-css-font-face/

मैं अपने @ फॉन्ट-फेस में एक svg #ID घोषित नहीं किया था और वे जैसे कि यह और अधिक कुशल हो सकता है लगता है कि IE का मुकाबला करने के लिए एक अलग तकनीक का उपयोग करें। यह वह स्थान है जहां मैं अब पर हूँ:

@font-face { 
    font-family: 'Blackout Sunrise'; 
    scr: url('type/blackout_sunrise-webfont.eot'); 
    scr: local("☺"), 
    url('type/blackout_sunrise-webfont.woff') format('woff'), 
    url('type/blackout_sunrise-webfont.ttf') format('truetype'), 
    url('type/blackout_sunrise-webfont.svg#BlackoutSunrise') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

.practice-font h3 { 
    font-family: 'Blackout Sunrise'; 
    color: #8b0000; 
    text-transform: uppercase; 
    border: 1px solid green; 
    letter-spacing: 3px; 
} 

मैं यह भी पता चला मैं नाम माइम इस जानकारी की वजह से गलत हो सकता है: http://www.jbarker.com/blog/2009/mime-type-css-web-fonts

तो मैं इन दो नई MIME प्रकार अलावा में पर अपलोड मेरे होस्टिंग में MIME प्रकार से ऊपर अपाचे & nginx सेटिंग्स और रूट htaccess फ़ाइल।

AddType application/vnd.ms-fontobject .eot 
AddType application/octet-stream .otf .ttf 

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

मैंने एक Google फ़ॉन्ट अपलोड किया और टाइपकिट के साथ काम किया और कुछ मिनटों में काम कर रहे हैं।फिर भी पता नहीं है मैं इन के साथ गलत क्या कर रही हूं @scr को

Answer 1

scr: url('blackout_sunrise-webfont.eot'); 
scr: url('blackout_sunrise-webfont.eot?#iefix') format('embedded-opentype') 

वेतन ध्यान font-सामना करता है। स्रोत

लेकिन यह केवल पहला मुद्दा हो सकता है।