asp.net-mvc - ASP.NET MVC サイトでの Cufon の使用

Question

ASP.NET MVC サイトにそのようなメニューがあります

<ul class="site-nav sf-menu">
<li @CurrentItem("Index")>@Html.ActionLink(Resources.Global.Home_Menu_Home, "Index", "Home")</li>
<li @CurrentItem("WhoWeAre")>@Html.ActionLink(Resources.Global.Home_Menu_WhoWeAre, "WhoWeAre", "Home")</li>
<li>...</li>
<li>...</li>
</ul>

(メニュー項目の名前は Global.resx から取得されます。変更できません)。
そして、メニューに Cufon を使用しようとしています

<script type="text/javascript" src="/Scripts/cufon-yui.js"></script>
<script type="text/javascript" src="/Scripts/Aller_400.font.js"></script>
<script type="text/javascript">
    $(window).load(function () {
        Cufon.replace('ul.site-nav li a', { fontFamily: 'Aller', hover: true });
    });
</script>

しかし、メニュー項目が消えます（動的に形成されるため）そのようなスクリプトを使用しようとします

<script type="text/javascript">
$(document).ready(function () {
var replace = function () {
    var gotinside = false
    $('ul.site-nav').each(function (i) {
        gotinside = true;
        if (i < 1) {
            Cufon.replace('ul.site-nav li a', { fontFamily: 'Aller', hover: true });
        }
    })
    if (!gotinside)
        setTimeout(replace, 1000);
}
replace();
});
</script>

しかし、それも機能しません。
この問題で私を助けてください。