{"id":7990,"date":"2011-04-14T04:04:14","date_gmt":"2011-04-14T08:04:14","guid":{"rendered":"http:\/\/info.template-help.com\/?p=7990"},"modified":"2017-02-22T04:46:38","modified_gmt":"2017-02-22T09:46:38","slug":"how-to-use-cufon-replacement-feature","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/how-to-use-cufon-replacement-feature.html","title":{"rendered":"How to use Cufon replacement feature"},"content":{"rendered":"

\r\n

This tutorial will show you how to use Cufon plugin with WordPress. Cufon is a jquery plugin that allows you to use custom fonts on your website and guarantees that custom fonts will have same appearance for all visitors.\r\n<\/p>\r\n

Cufon font-replacement feature in WordPress can be activated installing the WP-Cuf\u00f3n<\/strong> plugin. Before you proceed please check the following video tutorial on how to install plugins in WordPress<\/a>. <\/p>\r\n

 <\/p>\r\n

1.<\/strong> First you have to convert your font-file into a Cuf\u00f3n compatible format. Currently TrueType (TTF), OpenType (OTF), Printer Font Binary (PFB) formats are supported. <\/p>\r\n

2.<\/strong> You can do this by using Cuf\u00f3n’s own generator at http:\/\/cufon.shoqolate.com\/generate\/<\/a><\/p>\r\n

3.<\/strong> Open \/wp-content\/plugins\/<\/strong> folder and create fonts folder. There you’ll upload the cufon font files (.font.js). The Plugin will recognize your uploaded fonts and activate them.<\/p>\r\n

4.<\/strong> Open WordPress admin panel, go to Appearance>Cufon<\/strong>.<\/p>\r\n

5.<\/strong> Into the Your Cuf\u00f3n replacement-code<\/strong> field input the font replacement code. For Example:<\/p>\r\n

Cufon.replace ('nav a', { fontFamily:'Myriad Pro', hover:true});
\r\nCufon.replace ('.entry-title, .page-title, .widget-title', { fontFamily:'Myriad'});<\/pre>\r\n
\r\n\"WP(click to enlarge)<\/span><\/a>\r\n<\/p>\r\n
You should define the HTML element (h1 – h6, div, body, a, input etc) or some css class or ID (.entry-title, .widget-title, #content etc) and font family. <\/p>\r\n
Font family name could be found in your .font.js file (  Cufon.registerFont({"w":205,"face":{"font-family":"Vegur Bold<\/strong>", … )<\/p>\r\n
6.<\/strong> When you are done click Save Settings at the botom of the page. <\/p>\r\n
  <\/p>\r\n
<\/p>\r\n
<\/p>\r\n
<\/p>\r\n
<\/p>","protected":false},"excerpt":{"rendered":"
This tutorial will show you how to use Cufon plugin with WordPress. Cufon is a jquery plugin that allows you to use custom fonts on your website and guarantees that custom fonts will have same appearance for all visitors. Cufon font-replacement feature in WordPress can be activated installing the WP-Cuf\u00f3n plugin. Before you proceed please […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[247,728],"tags":[2564,903,688,813,768,904,2405],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/7990"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=7990"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/7990\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=7990"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=7990"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=7990"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}