The other day working with a web in WordPress and researching why not the accents were shown, I discovered that I was using Cufón.
Cufón is a library that allows us to use almost any typeface in our webs, Ensuring that users who visit the content correctly displayed with the font with which design. Thus, we not depend neither browser or Operating System we are consulting the web.
Step 1: Download the library
There are two sites where you can download the cufon-yui.js file:
Step 2: Select the source that we use on our web
Cufón accepts .otf and .ttf fonts. Here are some sites where you can download free sources:
In the images the most important aspects to consider is. In the first section we have to climb or corresponding to our typography (.otf or .ttf) files. If we have only one, we use the first field "Regular Typeface".
Very important, we mark the checkbox!
In the second section maquemos "Basic Latin"And if we use WordPress we can make "Punctuation WordPress". It is also good idea to add accented characters and NSE, for those fonts that we incorporate them:
Step 4: Insert the code for web use our Cufón with our new typeface
Within the <head> insert loading library Cufón, jQuery, and the link our converted source as follows:
Before closing the <body>, we tell Cufón HTML tags what we want the new typeface is applied.
If we have multiple sources on our website, we will have to specify for each HTML tag source to use as follows:
More information about using Cufón
If you are using any CMS plugins interesting are the following: