Fuentes de Google, CSS, pregunta América

Question

Estoy tratando de utilizar este tipo de letra en mi web .

Está en idioma del país, pero no es el punto, el punto es, que en la vista previa de las fuentes de Google puedo ver caracteres bien, pero en mi sitio algunos símbolos específicos consigue un poco de aspecto desagradable.

Tal vez alguien sabe cómo puedo solucionar esto, digo, tema?

P.S. O recomendarme alguna otra fuente muy ligero estándar que podría utilizar ...

Answer 1

Those glyphs are not in the font. The standard fallback font of serif should be making it obvious; here’s what I see (using a pangram from Wikipedia):

If you download the font and look inside (using Font Book on Mac, or something like FontForge), you can see which glyphs are present or absent. To fix this, I would enter the characters you need into the previewer.

A quick selection of sans-serif fonts which contain the glyphs you need:

• Museo Sans whose 500 weight may be used freely online.
• Aller, which may require a license.
• DejaVu Sans and Droid Sans, which many users will have installed.
• Helvetica, Geneva, and FreeSans.
• Trebuchet MS, Verdana, Calibri, Candara, and Arial, which almost all users will have installed.

Calibri appears to be a decent match for Lato, so you might use font-family: Calibri, sans-serif; (without embedding anything at all).

Answer 2

I had the same problem with 'Open Sans' font, and spent 3 hours trying to fix this, until I discovered the solution.

Try specifying the subset that matches the glyphs for your language, like in my case:

from this

<link href='//fonts.googleapis.com/css?family=Open+Sans:300,400,700' rel='stylesheet' type='text/css'>

to

<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

See if that fixes your problem. Obviously make sure you check if the font used supports extra subsets. Don't forget they also support Cyrillic and Cyrillic Extended.

Cheers, Michael.