Cufon 脚本在 IE9 下不起作用答案

【问题标题】：Cufon script doesn't work under IE9Cufon 脚本在 IE9 下不起作用
【发布时间】：2012-08-29 12:26:01
【问题描述】：

Cufon 在 IE9 下无法正常工作，但只能在兼容模式下正常工作。

有什么办法可以解决的吗？

谢谢！

<!DOCTYPE html>
<html lang="en">
<head>
    <title>@ViewBag.Title - Home</title>
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />

    <meta name="viewport" content="width=device-width" />
    <meta http-equiv="X-UA-Compatible" content="IE=8" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    @Styles.Render("~/Content/Site.css")    
    @Scripts.Render("Scripts/jquery-1.6.2.min.js")

    @Scripts.Render("Scripts/cufon-s.js")
    @Scripts.Render("Scripts/Constantia_400-Constantia_700-Constantia_italic_400-Constantia_italic_700.font.js")
    @Scripts.Render("Scripts/Pristina_400.font.js")
    @Scripts.Render("Scripts/Trajan_Pro_400-Trajan_Pro_700.font.js")

    <script type="text/javascript" charset="utf-8">
        $(document).ready(function () {
            Cufon.replace('div.header-sub div.goright ul li, div#menu ul li a', 
            { fontFamily: 'Pristina', hover: true, textShadow: '2px 2px black' })
            ('div#header div.action a', { fontFamily: 'Constantia', hover: true })
            ('ul#sidebar-menu div.action a, h2, h1', { fontFamily: 'Trajan Pro', hover: true });

        });
    </script>
</head>

【问题讨论】：

标签： javascript internet-explorer internet-explorer-9 cufon

【解决方案1】：

修复：

<!--[if gte IE 9]> <script type="text/javascript"> Cufon.set('engine', 'canvas');   </script> <![endif]-->

或添加

<meta content="IE=8" http-equiv="X-UA-Compatible" />

看这里link

【讨论】：

【解决方案2】：

最新版本的 cufon 脚本适用于 IE9。确保您已安装 v1.09i 或更高版本。

下载地址：cufon font

【讨论】：