04 February 2011

Cufon not working on Opera

This is an interesting issue: Opera 10.63 for Windows couldn't show the Cufon web font effect, but it worked across all the other browsers. Some research revealed a known issue: If any of your CSS files aren't found, Opera will not be able to apply the Cufon effect.

How do you determine if any of your CSS files are missing? Firefox' Web Developer Toolbar comes to the rescue. Go to the CSS button > View CSS. Now ensure that all the files are expanded so you can see the details. Look for a block similar to the following:
http://localhost:8090/joomla/templates/system/css/system9.css

<?xml version="1.0" encoding="ISO-8859-1"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>

<title>Object not found!</title>

<link rev="made" href="mailto:postmaster@localhost" />

<style type="text/css"><!--/*--><![CDATA[/*><!--*/

body { color: #000000; background-color: #FFFFFF; }

a:link { color: #0000CC; }

p, address {margin-left: 3em;}

span {font-size: smaller;}

/*]]>*/--></style>

</head>

<body>

<h1>Object not found!</h1>

<p>

The requested URL was not found on this server.

The link on the

<a href="http://localhost:8090/joomla/">referring

page</a> seems to be wrong or outdated. Please inform the author of

<a href="http://localhost:8090/joomla/">that page</a>

about the error.

</p>

<p>

If you think this is a server error, please contact

the <a href="mailto:postmaster@localhost">webmaster</a>.

</p>

<h2>Error 404</h2>

<address>

<a href="/">localhost</a><br />

<span>02/04/11 15:48:16<br />

Apache/2.2.14 (Win32) DAV/2 mod_ssl/2.2.14 OpenSSL/0.9.8l mod_autoindex_color PHP/5.3.1 mod_apreq2-20090110/2.7.1 mod_perl/2.0.4 Perl/v5.10.1</span>

</address>

</body>

</html>
Note the text "Object not found" (Error 404); Cufon can't handle missing CSS files on Opera and will not render your web font.

2 comments:

razkovnik said...

Thank you! Your advice helped me a lot. Be happy :)

Alex C said...

You're welcome. Glad to be of service :)