Thêm phông chữ mới vào tùy chọn phông chữ TinyMCE

Question

Tôi đã xem chủ đề này: Google Fonts and TinyMCE và thực tế trước đây thậm chí còn thêm phông chữ mới vào tùy chọn phông chữ TinyMCE cho người dùng.

Nhưng tôi không chắc điều gì đã xảy ra ở đây và tại sao tôi không thể làm được nữa. Tôi đang cố gắng thêm một phông chữ mới, Samman, mà tôi vừa nhận được từ MyFonts.com.

Trong khởi TinyMCE của tôi, tôi này bao gồm:

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 là nơi tôi đã mô tả phông chữ mới. Trong tập tin này, các font mới Tôi chỉ lưu trong thư mục fonts/css của tôi trên máy chủ của tôi được liệt kê như sau:

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

} 

tôi bị những tạo ra Font-Squirrel (như tôi đã thực hiện thành công trước đó với phông chữ khác), và Tôi đã kiểm tra kỹ để đảm bảo rằng các tệp thực sự nằm trên đường dẫn mong đợi và chúng là.

Trong theme_advanced_fonts xâm nhập của các khởi TinyMCE, tôi có điều này:

theme_advanced_fonts : tm_fonts, 
      // some more stuff below 

đâu tm_fonts là một biến được mô tả trong javascript của tôi như thế này:

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

Bây giờ những gì đang xảy ra là Samman làm hiển thị trong danh sách các phông chữ mà người dùng có thể chọn trong TinyMCE, nhưng không có gì xảy ra với văn bản khi tôi chọn phông chữ này, văn bản chỉ còn lại trên bất kỳ phông chữ hiện có nào mà nó đang sử dụng.

Khi tôi sử dụng trình gỡ rối của trình duyệt, chắc chắn tôi có thể thấy rằng iframe của TinyMCE không bao gồm tệp css/fonts.css đúng đề cập đến Samman. Nhưng khi tôi thay đổi phông chữ trong TinyMCE, sau đó tôi có thể thấy trong trình gỡ lỗi rằng của phong cách font-family cho văn bản đó không thay đổi. Nếu tôi chọn phông chữ khác, thay đổi kiểu dáng span, nhưng nếu tôi chọn Samman thì sẽ không có gì xảy ra.

Đã một thời gian kể từ khi tôi thêm phông chữ nên có lẽ tôi vừa quên điều gì đó? Nhưng tôi không thể hình dung ra được.

Answer 1

OK Tôi đã phát hiện sự cố.

tôi thấy dòng cuối cùng của danh sách các phông chữ trong danh sách theme_advanced_fonts là thế này:

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

Tất cả tôi phải làm là để loại bỏ các dấu chấm phẩy ở cuối, vì vậy các font mới cho thấy với điều này:

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

Answer 2

không bị nhấn mạnh với nhiều mã hơn. Chỉ cần viết một số chức năng đơn giản để có được phông chữ mong muốn của bạn trên trình chỉnh sửa bài đăng của bạn.

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