Hace unos días comencé el desarrollo de mi página web, para ello he utilizado un tema de WordPress y lo he adaptado a mis necesidad. Tomando unos plugins de aquí otros de allí, etc.
Claro está que la mayoría de plugins, temas y demás familia está todo en ingles. Algunos de estos temas, como el que utilicé usan JavaScript y en concreto el uso de Cufon Canvas para insertar fuentes más “bonitas” en el tema y darle una apariencia mejor a las cabeceras de títulos, conviertiendo las fuentes en imágenes, sin utilizar flash, y dejándolo en el código fuente de la página el texto tal y como lo teníamos escrito para que lo lean los robots de los buscadores.
Pues bien, todo iba bien hasta que empecé a utilizar los acentos en mis H1, H2, H3, etc. Inicialmente se cargaban correctamente y después automáticamente se cambiaban al formato “bonito” y desaparecían mis preciosas tildes.
¿Cómo solucionar este problema con Cufon Canvas?
Ve a la carpeta donde está alojado tú tema favorito “/wp-content/themes/mitemafavorito/ busca el directorio del JavaScript, normalmente “js” y localiza un archivo con el nombre “Nombre Fuente .font.js” esa es la fuente que no tiene acentos, ni ñs.
Si tienes suerte tu fuente en JavaScript ya estará generada en http://www.typekit.com pero lo más seguro que no tenga acentos. ¿Que he hecho yo para solucionar esto?
- He buscado la fuente en internet, y era una fuente libre.
- He ido a generar mi propia fuente modificada
- He generado mi fuente añadiendo en el campo “.. and also these single characters” los caracteres especiales que queires que tenga la fuente: Áá…..Úú€
- Con el archivo generado, ve la carpeta del JavaScript de tu tema favorito y copialo allí con el mismo nombre que tenia antes. Pero por si acaso haz una copia del archivo con la fuente originar no vaya a ser que te falle el generador de fuentes.