Configuración de caracteres especiales en Google Fonts

Modificado por última vez en Miércoles, 25 Diciembre 2013 03:08
(0 votos)

Google Webfonts

Cambia de fuente en tu plantilla de Joomla!

Un problema muy común que se produce después de la instalación de una plantilla en sitios con el texto en un idioma que no sea inglés, es debido a que faltan los signos diacríticos en la lengua apropiada. Un signo diacrítico es un signo gráfico que confiere a los signos escritos "” no necesariamente letras "” un valor especial.

Son diacríticos, por ejemplo, los acentos ortográficos (´ y `), la diéresis ( ¨ ), los signos empleados en el alfabeto fonético, como la oclusión ( ^ ) o la nasalización ( ~ ), la virgulilla de la ñ (virgulilla), la cedilla ( ¸ ) , la colita ( Ë› ), la coma ( , ), el doble acento agudo, ( ˝ ), el doble acento grave, ( `` ) , el carón ( ˇ ), el breve ( ˘ ), el macrón ( ˉ ), el anillo ( Ëš ), el punto ( . ), el acento circunflejo ( ^ ) y el garfio ( ̉ ).

Normalmente, esto se debe a que las fuentes utilizadas en la plantilla provienen de una de estas tres fuentes: Google Fonts, Squirell Fonts y Adobe Edge Web Fonts.

En este artículo se explica cómo resolver este tipo de problemas que pueden ocurrir durante el uso de Google Fonts. Este es el primero de una serie de tres partes que se publicarán en esta página sobre el tema de la configuración de las fuentes.

El problema con los signos que faltan puede estar relacionado con el conjunto de signos utilizados por un alfabeto en particular. Por ejemplo, Google Web Fonts distingue entre ocho conjuntos de caracteres:


    Cyrrilic
    Cyrrilic Extended
    Greek
    Greek Extended
    Khmer
    Latin
    Latin Extneded
    Vietnamese

El tipo de letra de fuente básica importada desde el repositorio de Google Fonts normalmente se especifica como 'Latin', y es precisamente por eso que hay una falta de símbolos característicos en las restantes familias de fuentes.

El siguiente ejemplo utiliza la fuente 'Sarina':

(http://www.google.com/webfonts#UsePlace:use/Collection:Sarina).

Esta fuente se ha configurado en la configuración de la plantilla con su conjunto de caracteres por defecto configurado para 'Latin'. La utilización de esta fuente, por ejemplo, podría dar lugar a sustituir letras (o, peor aún, que desaparezcan caracteres) para símbolos especiales que no coinciden en el tipo de letra utilizada. Este problema se ilustra aquí:

google fonts error caracteres

Para evitar este problema en tu sitio web, primero debes verificar si una fuente que deseas utilizar es compatible con los símbolos necesarios en el idioma o los idiomas que esperas utilizar en tu sitio web. Este ejemplo particular está asociada con símbolos especiales propios de la lengua polaca, por lo que buscaría fuentes que soporten 'Latin Extended'. El tipo de letra 'Sarina' tiene una familia de fuentes apropiadas que podemos comprobar en la página del tipo de letra:

http://www.google.com/webfonts#UsePlace:use/Collection:Sarina

En la sección 2. "Choose the character sets you want:" debes marcar el recuadro el conjunto de caracteres Latin Extended (latin-ext), desplázate una ventana abajo para copiar la URL de la fuente.

El campo 3. "Add this code to your website:" debe ser modificado de forma automática después de que se ha añadido el conjunto de fuentes. En esta fuente en particular, la dirección cambia de:

http://fonts.googleapis.com/css?family=Sarina

a:

http://fonts.googleapis.com/css?family=Sarina&subset=latin,latin-ext

google fonts elegir

Copia la dirección antes mencionada, ya que será necesaria para especificar una nueva familia de fuentes en las opciones de la plantilla. Luego, en la configuración de la plantilla del panel de administrador, abre la ficha 'Fuentes' y sustituye la antigua dirección URL con la nueva (tendrás una familia de fuentes adicionales), según el siguiente ejemplo:

configuración fuentes plantilla

Guarda la configuración. A partir de este momento en adelante se deben mostrar los símbolos correctos establecidos de una fuente elegida cuando sea necesario.

google fonts caracteres correctos

NOTA!

No todos los caracteres de Google Fonts establecen que sea 'Latin'. Cuando este sea el caso, debes seleccionar un estilo de fuente diferente. Es muy útil usar el 'script' Filters visible en la columna de la izquierda en http://www.google.com/webfonts ya que nos permite elegir cualquier familia de la fuente mencionada al principio de este artículo.

google fonts filtro de búsquedas


Comentarios (4)

This comment was minimized by the moderator on the site

De nada Jorge, me alegro que lo hayas solucionado y para estar al día sobre Joomla y más cosas de Internet lo mejor es que te subscribas, bien por email bien a los Feed RSS. Saludos desde Madrid

This comment was minimized by the moderator on the site

joe Jesús que rápido has contestado, he probado lo que dices y perfecto, por lo menos ya se donde dirigirme para corregirlo.

mil gracias no te conozco pero has sido muy amable. me pasaré más por este sitio tiene muy buena pinta tu blog

un...

joe Jesús que rápido has contestado, he probado lo que dices y perfecto, por lo menos ya se donde dirigirme para corregirlo.

mil gracias no te conozco pero has sido muy amable. me pasaré más por este sitio tiene muy buena pinta tu blog

un saludo desde Almería

Leer más
This comment was minimized by the moderator on the site

Hola Jorge,
Si creo que a mi me pasó algo como eso al poco de instalar Meet_Gavern. Yo en la gestión de plantillas tengo en Fonts --> Body - font, tengo elegido Google fonts, en la URL esta http://fonts.googleapis.com/css?family=Roboto&;subset=...

Hola Jorge,
Si creo que a mi me pasó algo como eso al poco de instalar Meet_Gavern. Yo en la gestión de plantillas tengo en Fonts --> Body - font, tengo elegido Google fonts, en la URL esta http://fonts.googleapis.com/css?family=Roboto&;subset=latin,latin-ext y en Font family: font-family: Roboto, sans-serif
Mira a ver si se te soluciona soluciona así (con la fuente de Google que tu elijas) si no déjame la URL de tu site y le echo un vistazo.
Saludos

Leer más
This comment was minimized by the moderator on the site

Hola Jesús, muy bueno el articulo, estaba buscando soluciones para mi página y me he encontrado con este articulo tuyo, creo que en esta web usáis la misma plantilla que uso yo, meet gavern ¿o me equivoco? y he visto que has solucionado el...

Hola Jesús, muy bueno el articulo, estaba buscando soluciones para mi página y me he encontrado con este articulo tuyo, creo que en esta web usáis la misma plantilla que uso yo, meet gavern ¿o me equivoco? y he visto que has solucionado el problema de los acentos en los titulos de los articulos, a mi todos los articulos que tienen una palabra acentuada me sale la letra que tiene una tilde mas grande de lo normal. ¿puedes echarme una mano, como lo solucionaste? Muchas gracias de antemano y un saludo!

Leer más
No hay comentarios escritos aquí

Deja tus comentarios

  1. Publicar comentario como invitado. Regístrate o ingresaa tu cuenta
Archivos adjuntos (0 / 3)
Compartir su ubicación
close

Recibe gratis nuestros nuevos artículos!

Serás el primero en conocer las novedades y noticias que pasan en Internet, nuestros tutoriales, trucos y más.

Escribe tu email:

Se abrirá una nueva ventana deFeedBurner a la izquierda de la página y habrás de validar un Captcha.

Lee nuestras Política de privacidad & Política de cookies
Puedes darte de baja de la lista de correo electrónico en cualquier momento