Cufon script doesn't work under IE9
-
29-06-2021 - |
Pregunta
Cufon doesn't work under IE9 but it works fine in compatibility mode only.
Any clue how it could be fixed?
Thank you!
<!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>
Solución
Fix:
<!--[if gte IE 9]> <script type="text/javascript"> Cufon.set('engine', 'canvas'); </script> <![endif]-->
or add
<meta content="IE=8" http-equiv="X-UA-Compatible" />
See here link
Otros consejos
The latest version of the cufon script works with IE9. Make sure you have v1.09i or higher installed.
Download from: cufon font
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow