Cufon on WordPress 3.0

  • Hello,

    I’ve been trying to implement Cufon font styling on a WP v. 3.0 blog without success. I’ve tried both Cufon plugins and have also coded this manually. Interestingly enough, I’m able to get this running on a WP v. 2.9.2 blog without any problems – using the same plugin, same theme, same server environment. I’m starting to think that this is a WP v. 3.0 issue …

    As for output, using manually encoded files, here’s what I get viewing source:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<HTML lang="en-US" xmlns="https://www.w3.org/1999/xhtml" dir="ltr" class="cufon-active cufon-ready">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>
About | my-domain
</title>
  <link rel="shortcut icon" href="https://my-domain.ca/wp-content/themes/clean-simple-white/favicon.ico">
  <link href="https://my-domain.ca/wp-content/themes/clean-simple-white/style.css" rel="stylesheet" type="text/css" media="screen">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
</script>
<script src="https://my-domain.ca/wp-content/themes/clean-simple-white/js/cufon/cufon-yui.js" type="text/javascript">
</script>
<style type="text/css">
cufon{text-indent:0!important;}@media screen,projection{cufon{display:inline!important;display:inline-block!important;position:relative!important;vertical-align:middle!important;font-size:1px!important;line-height:1px!important;}cufon cufontext{display:-moz-inline-box!important;display:inline-block!important;width:0!important;height:0!important;overflow:hidden!important;text-indent:-10000in!important;}cufon canvas{position:relative!important;}}@media print{cufon{padding:0!important;}cufon canvas{display:none!important;}}
</style>
<script src="https://my-domain.ca/wp-content/themes/clean-simple-white/js/Sketch_Rockwell_700.font.js" type="text/javascript">
</script>
<script type="text/javascript">
Cufon.replace('body.h2', { fontFamily: 'Sketch Rockwell' });
</script>
  <link rel="alternate" type="application/rss+xml" title="my-domain ? About Comments Feed" href="https://my-domain.ca/?feed=rss2&page_id=2">
<script type="text/javascript" src="https://my-domain.ca/wp-includes/js/comment-reply.js?ver=20090102">
</script>
  <link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://my-domain.ca/xmlrpc.php?rsd">
  <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://my-domain.ca/wp-includes/wlwmanifest.xml">
  <link rel="index" title="my-domain" href="https://my-domain.ca">
  <link rel="next" title="Contact" href="https://my-domain.ca/?page_id=13">
  <meta name="generator" content="WordPress 3.0">
  <link rel="canonical" href="https://my-domain.ca/?page_id=2">
</head>

    There are no errors reported and the page validates for XHTML.

    Does anyone have cufon running properly on WP v. 3.0? Anyone? Care to share?

    ??

    Thanks in advance.

    Peter

Viewing 1 replies (of 1 total)
  • Thread Starter petroski

    (@petroski)

    OK, me bad! I came to realize that, when I originally rendered the font.js file, I specified the domain, as required by the cufon generator. And then I discover what happens when you use that generated font file on a different domain – IT DOESN’T WORK!

    Duh … So lesson learned is that you need to generate fonts for each domain that you want to Cufon enable!

    Peter

Viewing 1 replies (of 1 total)
  • The topic ‘Cufon on WordPress 3.0’ is closed to new replies.