Cufon 101 | Programar Plus

1. Incluya el JavaScript para Cufón y la fuente Cufón

<script type="text/javascript" src="https://css-tricks.com/snippets/html/cufon-101/js/cufon-yui.js"></script>
<script type="text/javascript" src="js/TitilliumMaps.font.js"></script>

2. HTML

Etiquetas normales

<h1>Business Solutions</h1>
<h2>Business Insurance</h2>

3. Dígale a Cufón que reemplace las fuentes de los selectores CSS especificados

<script type="text/javascript">
    Cufon.replace('h1, h2', { fontFamily: 'TitilliumMaps26L', hover: true });
</script>

4. Agregue el manejo de errores de JavaScript en caso de que haya un error al cargar

function handleError() { return true; }
window.onerror = handleError;

5. CSS

El color de la fuente, el tamaño y el color de desplazamiento se controlan mediante las clases CSS asociadas con el elemento HTML.

h1 {
   font-size: 50px;
   color: red;
}