C# MVC TinyMCE를 편집기 어도비 typekit 글꼴

Question

내가 TinyMCE에 편집기 4.7.0를 사용하고 콘텐츠를 표시하지 않습니다. 편집기 내용을 표시 할 사용자 지정 Adobe 형식 글꼴이 있습니다. _Layout 파일에 형식 킷을로드하고 있습니다. 내 TinyMce.init 파일에서 나는 다음과 같은 설정이 : 글꼴 드롭 다운 목록을 확인합니다

font_formats: 'Freight="freight-sans-pro",sans-serif; 
Arial=arial,helvetica,sans-serif; Courier New=courier new,courier,monospace;', 

가 선택할 수 있습니다.

나는 또한 폰트 에디터 설정하는 설정 기능이

:

setup: function (ed) { 
    // set the editor font size 
    ed.on('init', function (e) { 
     ed.execCommand("fontSize", false, "16px"); 
     ed.execCommand("fontName", false, "\"freight-sans-pro\",sans-serif"); 
    }); 
}, 

나는 또한 custom_css에 포함 된 init 파일에서 지적했다 :

.tinymcebody { 
font-family: "freight-sans-pro",sans-serif; 
font-size: 16px; 
font-weight: normal; 
} 

이 내 텍스트가 표시되지 않습니다 Freight-sans-pro에서는 렌더링 된 글꼴을 식별하는 Chrome 개발자 도구에 따라 Arial을 사용합니다. 전체 사이트 본문에 font-family : freight를 설정하면 TinyMCE 편집기 내용을 제외한 모든 내용이 올바른 글꼴로 표시됩니다.

사람이이 TinyMCE에이 글꼴을 사용 불가능이며, 표준 산세 리프 글꼴로 다시 떨어지는 것처럼 보이는 내가 설정하십시오에서 잘못하고있는 무슨 해결하는 데 도움이 수 있습니까?

Answer 1

는 TinyMCE에 초기화 파일에 theme_advanced_fonts에 글꼴을 추가하려고합니다.

tinyMCE.init({ 
    ... 
    theme_advanced_fonts : "Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;Freight=freight-sans-pro,sans-serif" 
});