Clicky

Configuración de caracteres especiales en Google Fonts

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

Jesus_Caceres