jquery - フォントをクロスフェードするカスタム jQuery 関数

Question

class="fontfade"特定のクラス (たとえば ) を持つすべてのテキスト要素をターゲットにして、それらの要素を元のフォントから新しいフォントにクロスフェードさせるカスタム jQuery 関数が必要です。このようにフォントを変更できます

$(".one").css("font-family", "Comic Sans MS");

そしてHTMLコードは

<p class="one">Demonstrate transition.</p>

ここで難しいのはクロスフェードです。以前のフォントから新しいフォントにスムーズに移行したい。つまり、以前のフォントのテキストはフェードアウトし、新しいフォントのテキストはフェードインします。したがって、ある時点で、異なるフォントの両方のテキストが表示されます。

私はこのようにしようとしています

$(".one").fadeOut(3000);
$(".one").css("font-family", "Comic Sans MS");
$(".one").fadeIn(3000);

動作していません..