Translate to

Buscar

14 de marzo de 2011

Una forma de usar Cufon

Cufon es una alternativa para reemplazar las fuentes de la página con otras no estandar.

Cufón es un script que traza las fuentes con ayuda de archivos .js generados (desde esta página http://cufon.shoqolate.com/generate/) a partir de una fuente .ttf, otf, o pfb.

En el formulario que aparece en la página del generador de coufon, pueder ser útil (particularmente para el español) indicar que incluya además los siguientes glifos:

“”‘’…_&-–—åäöæøàèìòùáéíóúâêîôûäëïöüãõñçÅÄÖÆØÀÈÌÒÙÁÉÍÓÚÂÊÎÔÛÄËÏÖÜÃÕÑÇ©®™′″´×⁺

Aunque existe el módulo cufon, aquí describo una forma de usarlo diréctamente.

Los archivos
Coloco cufon-yui.js y los archivos .js de las fuentes en un módulo. Por ejemplo el módulo misc.

El código
Creo un bloque (llamado Cufon, por ejemplo) que contenga el código php que requiero y se muestre en cada página:

<?php
drupal_add_js(drupal_get_path('module', 'misc') . '/js/cufon-yui.js');
drupal_add_js(drupal_get_path('module', 'misc') . '/js/MyFrutigerBold_700.font.js');
drupal_add_js("$(function() {
  Cufon.replace('h1.title, .views-field-title', { fontFamily: 'MyFrutigerBold' });
})", "inline");
?>

Donde MyFrutigerBold es un nombre indicado en el formulario del generador .js de cufon.

El módulo
El módulo cufon permite manejar esto con más comodidad.

Luego de instalar el módulo, es necesario copiar cufon-yui.js al directorio modules/cufon/js y colocar los .js de las fuentes un directorio como sites/all/libraries/cufon-fonts.

La configuración se hacen en Administer, Configuración del Sitio, Cufon Settings. En Selector, se coloca algo como h1.title, .views-field-title. En Font family, se elige de entre las fuentes disponibles.

Referencia

No hay comentarios:

Publicar un comentario

Más artículos