2013-01-05 39 views
7

मैं इस सूत्र की जाँच की है करने के लिए नए फोंट जोड़ना: Google Fonts and TinyMCE और वास्तव में पहले से भी सफलतापूर्वक उपयोगकर्ताओं के लिए TinyMCE फ़ॉन्ट विकल्प के लिए नए फोंट जोड़ा है।TinyMCE फ़ॉन्ट विकल्प

लेकिन मैं और यह सुनिश्चित करें गलत यहाँ क्या चला गया नहीं कर रहा हूँ क्यों मैं इसे किसी भी अधिक नहीं कर पा रहा हूँ। मैं एक नया फ़ॉन्ट जोड़ने की कोशिश कर रहा हूं, Samman, जिसे मैं अभी MyFonts.com से मिला हूं।

मेरी TinyMCE प्रारंभ में, मैं शामिल करें:

content_css : "css/fonts.css,css/userdesigntool.css,http://fonts.googleapis.com/css?family=Paytone+One,http://fonts.googleapis.com/css?family=Aclonica", 

css/fonts.css वह जगह है जहाँ मैं नए फोंट का वर्णन किया है।

@font-face { 
font-family: 'sammanregular'; 
src: url('fonts/samman/samman-webfont.eot'); 
src: url('fonts/samman/samman-webfont.eot?#iefix') format('embedded-opentype'), 
    url('fonts/samman/samman-webfont.woff') format('woff'), 
    url('fonts/samman/samman-webfont.ttf') format('truetype'), 
    url('fonts/samman/samman-webfont.svg#sammanregular') format('svg'); 
font-weight: normal; 
font-style: normal; 

} 

मैं इन के आधार पर जेनरेट कर ली फ़ॉन्ट-गिलहरी (के रूप में मैं सफलतापूर्वक अन्य फ़ॉन्ट के साथ पहले से किया है), और: इस फाइल में, मैं बस अपना सर्वर पर मेरी fonts/css फ़ोल्डर में सहेजा नया फ़ॉन्ट इस तरह सूचीबद्ध है मैंने यह सुनिश्चित करने के लिए दोबारा जांच की है कि वास्तव में फ़ाइलें अपेक्षित पथ पर हैं, और वे हैं।

TinyMCE प्रारंभ की theme_advanced_fonts प्रविष्टि में, मैं यह है:

theme_advanced_fonts : tm_fonts, 
      // some more stuff below 

कहाँ tm_fonts एक चर इस तरह मेरी जावास्क्रिप्ट में वर्णित है:

var tm_fonts = "Andale Mono=andale mono,times;"+ 
        "Arial=arial,helvetica,sans-serif;"+ 
        "Arial Black=arial black,avant garde;"+ 
        "Book Antiqua=book_antiquaregular,palatino;"+ 
        "Corda Light=CordaLight,sans-serif;"+ 
        "Courier New=courier_newregular,courier;"+ 
        "Flexo Caps=FlexoCapsDEMORegular;"+     
        "Lucida Console=lucida_consoleregular,courier;"+ 
        "Georgia=georgia,palatino;"+ 
        "Helvetica=helvetica;"+ 
        "Impact=impactregular,chicago;"+ 
        "Museo Slab=MuseoSlab500Regular,sans-serif;"+     
        "Museo Sans=MuseoSans500Regular,sans-serif;"+ 
        "Oblik Bold=OblikBoldRegular;"+ 
        "Sofia Pro Light=SofiaProLightRegular;"+      
        "Symbol=webfontregular;"+ 
        "Tahoma=tahoma,arial,helvetica,sans-serif;"+ 
        "Terminal=terminal,monaco;"+ 
        "Tikal Sans Medium=TikalSansMediumMedium;"+ 
        "Times New Roman=times new roman,times;"+ 
        "Trebuchet MS=trebuchet ms,geneva;"+ 
        "Verdana=verdana,geneva;"+ 
        "Webdings=webdings;"+ 
        "Wingdings=wingdings,zapf dingbats"+ 
        "Aclonica=Aclonica, sans-serif;"+ 
        "Michroma=Michroma;"+ 
        "Paytone One=Paytone One, sans-serif;"+ 
        "Andalus=andalusregular, sans-serif;"+ 
        "Arabic Style=b_arabic_styleregular, sans-serif;"+ 
        "Andalus=andalusregular, sans-serif;"+ 
        "KACST_1=kacstoneregular, sans-serif;"+ 
        "Mothanna=mothannaregular, sans-serif;"+ 
        "Nastaliq=irannastaliqregular, sans-serif;"+ 
        "Samman=sammanregular;"; 

अब क्या हो रहा है कि Samman करता है फ़ॉन्ट्स की सूची में दिखाएं जो उपयोगकर्ता TinyMCE में चुन सकते हैं, लेकिन जब मैं इस फ़ॉन्ट का चयन करता हूं तो पाठ के साथ कुछ भी नहीं होता है, पाठ केवल उस मौजूदा फ़ॉन्ट पर रहता है जो इसका उपयोग कर रहा था।

जब मैं ब्राउज़र के डीबगर का उपयोग करता हूं, तो मुझे यकीन है कि मैं देख सकता हूं कि TinyMCE के आईफ़्रेम में css/fonts.css फ़ाइल शामिल है जो सैमैन का उल्लेख करती है। लेकिन जब मैं TinyMCE में फ़ॉन्ट बदलने, तो मैं डिबगर कि span शैली के font-family कि पाठ के लिए नहीं बदल रहा है में देख सकते हैं। यदि मैं एक और फ़ॉन्ट चुनता हूं, तो span शैली में परिवर्तन होता है, लेकिन यदि मैं Samman चुनता हूं, तो कुछ भी नहीं होता है।

थोड़ा समय हो तो शायद मैं सिर्फ कुछ कमी रह गई के बाद से मैं फोंट जोड़ा गया है? लेकिन मैं इसे समझने के लिए प्रतीत नहीं कर सकता।

उत्तर

5

ठीक है मैं इस समस्या की खोज की।

मैं था theme_advanced_fonts सूची में फोंट की सूची की अंतिम पंक्ति देखा यह:

   "Mothanna=mothannaregular, sans-serif;"+ 
       "Nastaliq=irannastaliqregular, sans-serif;"+ 
       "Samman=sammanregular;", 

सभी मुझे क्या करना अंत में सेमी-कोलन से छुटकारा पाने रहा था, तो नया फ़ॉन्ट से पता चला इसके साथ ठीक है:

   "Mothanna=mothannaregular, sans-serif;"+ 
       "Nastaliq=irannastaliqregular, sans-serif;"+ 
       "Samman=sammanregular", 
+0

तुम बस मेरी जान बचाई है, धन्यवाद! (: –

+9

आप –

-1

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

http://kvcodes.com/2014/05/how-to-add-google-webfonts-to-wordpress-tinymce-editor/

+0

आप ओपी संभालने रहे वर्डप्रेस उपयोग कर रहा है http://www.tinymce.com/wiki.php/Configuration:font_formats के अनुसार 'font_formats' को TinyMCE 4.x परिवर्तन theme_advanced_fonts का उपयोग कर कर रहे हैं तो, जब वास्तव में यह मामला की तरह नहीं लगता है। – donnapep