{"id":2612,"date":"2010-04-20T09:09:36","date_gmt":"2010-04-20T09:09:36","guid":{"rendered":"http:\/\/guyweb.co.uk\/?p=2612"},"modified":"2010-04-20T09:09:36","modified_gmt":"2010-04-20T09:09:36","slug":"cufon-on-nokia-and-blackberry-phones","status":"publish","type":"post","link":"https:\/\/guycarberry.co.uk\/guyweb\/2010\/04\/20\/cufon-on-nokia-and-blackberry-phones\/","title":{"rendered":"Cufon on Nokia and Blackberry phones"},"content":{"rendered":"

Apparently Nokia (Symbian \/ s40 \/ s60) and Blackberry mobile phone web browsers don’t support<\/a> the Cufon technique<\/a> of using any font you like on a web page.<\/p>\n

I’ve been building a site where the client wants a specific font to be used for page headings. Cufon fits the bill except for when you try and view the site on a Nokia or Blackberry phone. In these cases the page headings are completely missing. Not desirable. So I created a little script to sniff these fellas out and serve them with plain old CSS instead.<\/p>\n

<\/p>\n

Here is is:<\/p>\n

<head><\/div>\n
<meta charset=”utf-8″ \/><\/div>\n
<title>Cufon test<\/title><\/div>\n
<link href=”screen.css” rel=”stylesheet” type=”text\/css” \/><\/div>\n
<?php<\/div>\n
if (eregi(“BlackBerry”, $agent) || eregi(“Nokia”, $agent)) {<\/div>\n
echo “”;<\/div>\n
}<\/div>\n
else { ?><\/div>\n
<script type=”text\/javascript” src=”cufon.js”><\/script><\/div>\n
<script type=”text\/javascript” src=”tuffy.js”><\/script><\/div>\n
<script type=”text\/javascript” src=”scripts.js”><\/script><\/div>\n
<?php }?><\/div>\n
<\/head><\/div>\n

<head>
\n<meta charset=”utf-8″ \/>
\n<title>Cufon test<\/title>
\n<link href=”screen.css” rel=”stylesheet” type=”text\/css” \/>
\n<?php
\nif (eregi(“BlackBerry”, $agent) || eregi(“Nokia”, $agent)) {
\necho “”;
\n}
\nelse { ?>
\n<script type=”text\/javascript” src=”cufon.js”><\/script>
\n<script type=”text\/javascript” src=”tuffy.js”><\/script>
\n<script type=”text\/javascript” src=”scripts.js”><\/script>
\n<?php }?>
\n<\/head><\/p>\n

I also wrapped a conditional comment round the IE specific script that is placed before the <\/body> tag to stop Nokia and Blackberries from attempting to call a non declared function:<\/p>\n

<!–[if IE]>
\n<script type=”text\/javascript”> Cufon.now(); <\/script>
\n<![endif]–>
\n<\/body><\/p>\n","protected":false},"excerpt":{"rendered":"

Apparently Nokia (Symbian \/ s40 \/ s60) and Blackberry mobile phone web browsers don’t support the Cufon technique of using any font you like on a web page. I’ve been building a site where the client wants a specific font to be used for page headings. Cufon fits the bill except for when you try […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-2612","post","type-post","status-publish","format-standard","hentry","category-life"],"_links":{"self":[{"href":"https:\/\/guycarberry.co.uk\/guyweb\/wp-json\/wp\/v2\/posts\/2612"}],"collection":[{"href":"https:\/\/guycarberry.co.uk\/guyweb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/guycarberry.co.uk\/guyweb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/guycarberry.co.uk\/guyweb\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/guycarberry.co.uk\/guyweb\/wp-json\/wp\/v2\/comments?post=2612"}],"version-history":[{"count":0,"href":"https:\/\/guycarberry.co.uk\/guyweb\/wp-json\/wp\/v2\/posts\/2612\/revisions"}],"wp:attachment":[{"href":"https:\/\/guycarberry.co.uk\/guyweb\/wp-json\/wp\/v2\/media?parent=2612"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/guycarberry.co.uk\/guyweb\/wp-json\/wp\/v2\/categories?post=2612"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/guycarberry.co.uk\/guyweb\/wp-json\/wp\/v2\/tags?post=2612"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}