Hinzufügen neuer Schriftarten zu TinyMCE Schriftoptionen

Question

Ich habe diesen Thread ausgecheckt: Google Fonts and TinyMCE und habe in der Tat zuvor sogar erfolgreich neue Schriftarten zu den TinyMCE-Schriftartenoptionen für Benutzer hinzugefügt.

Aber ich bin mir nicht sicher, was hier falsch läuft und warum ich es nicht mehr tun kann. Ich versuche eine neue Schriftart hinzuzufügen, Samman, die ich gerade von MyFonts.com bekommen habe.

In meiner TinyMCE Initialisierung, ich schließe dies:

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 ist, wo ich neue Schriften beschrieben habe. In dieser Datei ich die neue Schriftart nur in meinem fonts/css Ordner auf meinem Server gespeichert wird wie folgt aufgeführt:

@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; 

} 

Ich habe diese Font-Eichhörnchen erzeugt aus (wie ich zuvor erfolgreich getan mit anderen Schriften), und Ich habe doppelt überprüft, um sicherzustellen, dass die Dateien tatsächlich auf dem erwarteten Pfad sind, und sie sind.

Im theme_advanced_fonts Eintrag der TinyMCE Initialisierung, ich habe dies:

theme_advanced_fonts : tm_fonts, 
      // some more stuff below 

Wo tm_fonts eine Variable in meinem Javascript wie folgt beschrieben ist:

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;"; 

Nun, was passiert, ist, dass Samman tut in der Liste der Schriftarten angezeigt werden, die der Benutzer in TinyMCE auswählen kann, aber dem Text passiert nichts, wenn ich diese Schriftart auswähle, der Text bleibt einfach auf der vorhandenen Schriftart, die er verwendet hat.

Wenn ich den Debugger des Browsers verwende, kann ich sicher sein, dass der Iframe von TinyMCE die richtige css/fonts.css Datei enthält, die Samman erwähnt. Aber wenn ich die Schriftart in TinyMCE ändere, dann kann ich im Debugger sehen, dass sich font-family desStils für diesen Text nicht ändert. Wenn ich eine andere Schriftart wähle, ändert sich der span Stil, aber wenn ich Samman wähle, passiert nichts.

Es ist schon eine Weile her, seit ich Schriften hinzugefügt habe, vielleicht habe ich einfach etwas vergessen? Aber ich kann es nicht herausfinden.

Answer 1

Okay, ich habe das Problem entdeckt.

sah ich die letzte Zeile der Liste der Schriftarten in der theme_advanced_fonts Liste dieses war:

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

Alles, was ich tun musste, war am Ende des Semikolons loszuwerden, so dass die neue Schrift zeigte mit:

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

Answer 2

nicht mit mehr Codes gestresst werden. Schreiben Sie einfach einige einfache Funktionen, um die gewünschte Schriftart in Ihrem Post-Editor zu erhalten.

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