私はコンテンツ管理システムのページ編集機能に取り組んでいます。コンテンツ領域内に、クリックして TinyMCE エディターに変換し、保存してページを更新できる場所があります。私が抱えている問題は、(fonts.com/web-fonts から) 外部フォントをロードすることです。現在、custom_content.css ファイルと @import を使用して外部フォントをロードしています。エディターは、次のようなものを使用してオンザフライで追加されています
tinyMCE.execCommand('mceAddControl', false, 'editor_' + field_id);
したがって、フォントはロードされていますが、最初のインスタンスの後のインスタンスに対してのみ表示されます。したがって、クリック可能/編集可能な領域が 4 つある場合、最初のインスタンスは外部フォントをレンダリングしませんが、その後の各インスタンスはレンダリングします。最初のエディターがレンダリングされる時点で、フォントが完全に読み込まれていないと想定しています。
参考までに、フォントはエディターをロードするページで既に使用されているため、既にキャッシュされているはずです。これを回避する方法についてのアイデアはありますか? 私の次のステップは、エディターの最初のインスタンスを削除/再初期化しようとすることですが、ページに不要なちらつきが発生することはわかっています。
どんな助けでも大歓迎です。