otf - import font css ttf

¿Es Garamond realmente una fuente segura para la web?

Question

¿Es Garamond realmente seguro en la web? ¿Debo seguir adelante y usarlo? Sé que no existe en XP (Georgia es la alternativa), sin embargo, ¿qué pasa con otros sistemas operativos? ¿Está presente en macs, nuevas ventanas y linux?

Sé que podría hacer un @ font-face, sin embargo, si lo incluyo, se ve bastante horrible en Google Chrome.

EDITAR

Vale que hago

@import url(http://fonts.googleapis.com/css?family=EB+Garamond);
html{font-family: Garamond, EB Garamond, Georgia, serif;}

De esta manera, ¿el navegador web primero verificará si Garamond está instalado o no, y si no, la carga cargará la fuente web EB Garamond, o esto no ocurrirá?

Answer 1

¿Cuál es tu definición de fuente web segura ?

Si considera que una fuente es segura para la web cuando se procesa en todas las computadoras de la misma manera, la respuesta es no: Garamond no lo es, y ninguna otra fuente lo es.

Puede incrustar Garamond utilizando varias técnicas (por ejemplo, API de fuente javascript), pero nunca será el mismo en todas las computadoras.

Puede intentar crear una pila de fuentes segura para la web, teniendo en cuenta los parámetros de fuente, por ejemplo, x-height. Algo como esto debería funcionar bien:

Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", Times, serif;

Cualquier cosa que elija, recuerde que Garamond tiene una altura x muy pequeña, por lo que está bien para imprimir, pero no es muy legible en la pantalla. Si decides usarlo, usa un font-size más font-size .

Editar

Decir API de JavaScript Me refiero a importar fuentes mediante API como Google Font API, TypeKit u otras soluciones que no funcionan cuando JS está desactivado. Entonces, aún necesita la pila de fuentes, por lo que la importación no ayudará en este caso.

Answer 2

1) No, Garamond no es una fuente segura para la web.

2) No se recomienda el uso de Garamond en la web. Vea este artículo: ¿Por qué no usa Garamond en la Web?

3) Recomendación: usar Georgia para los encabezados y Verdana para el texto del cuerpo. Ambos son seguros para la web y se ha comprobado que funcionan muy bien juntos.

Si quieres seguir con EB Garamond, Google Fonts recomienda emparejarlo con Lobster.

Escribiendo el código:

@import url(''https://fonts.googleapis.com/css?family=Lobster|EB+Garamond'');
h1, h2, h3, h4, h5, h6 {font-family: Lobster, cursive; }
p {font-family: ''EB Garamond'', serif; }

Answer 3

Aparte de una http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html , no debe confiar en que todos tengan las distintas familias de fuentes en sus computadoras.

En su lugar, prueba Google WebFonts . De hecho, use el cuadro de búsqueda de la izquierda para encontrar su equivalente en Garamond. Funciona en todos los navegadores (incluido el IE más antiguo) y se ve genial en todas partes.

EDITAR

Con respecto a su pregunta adicional, sí, el navegador buscará las fuentes en el orden en que las especifique, por lo que al poner "Garamond" antes de "EB Garamond" aparecerá Garamond si está disponible en la computadora del usuario.

Answer 4

No creo que sea una fuente segura para usar en todas las computadoras. Puede usar la fuente y usar otra como copia de seguridad utilizando la familia de fuentes. Como esto:

font-family:Garamond, Georgia, serif;

Consulte aquí para obtener más información sobre fuentes seguras en la web -> http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

Answer 5

No, Garamond no es "seguro para la web" en el sentido de estar disponible en todas las computadoras. Ninguna fuente es. Se ha estimado que Garamond, en las encuestas de CodeStyle.org , tiene alrededor del 85% de cobertura en Windows. Es probable que sea bastante raro en otros sistemas.

Usar Georgia como alternativa para Garamond suena extraño, porque son fuentes muy diferentes, como se puede ver con solo mirar los textos que las contienen (recuerde incluir dígitos, son muy diferentes).

Georgia está cerca del 99% en Windows y Mac, pero en algún lugar alrededor del 70% en Linux, por lo que tampoco sería realmente seguro para el navegador. Sin embargo, el punto principal es que es una fuente con características especiales y, en general, no es una buena fuente alternativa. Incluso el nombre genérico sans-serif fuente sans-serif es probablemente una mejor suposición.

Answer 6

Para que una fuente se vea bien en todas las plataformas en tamaños pequeños, debe indicarse bien, de lo contrario, solo se verá bien en aquellas plataformas que, por defecto, son muy suaves y ligeramente insinuadas para todo, como Mac, y se verá terrible en Windows, que aplicará las sugerencias más fuertes e intentará que se vean realmente nítidas, lo que realmente necesita las sugerencias integradas en la fuente para que funcione bien.

EB Garamond es una reproducción gratuita de Garamond que tiene una impresionante variedad de glifos, pero prácticamente no presta atención al renderizado en pantalla; por lo tanto, su falta de sugerencias decentes asegurará que se vea terrible en tamaños pequeños en ciertas plataformas, particularmente en Windows. Mientras Vista / 7/8 mejora un poco el renderizado de fuentes , solo lo hace en algunas aplicaciones; otras, especialmente Google Chrome, usa la representación de fuentes antiguas . Edición de agosto de 2015: esto ya no se aplica a Google Chrome.

Hay otras versiones de Garamond por ahí, probablemente el mejor IMHO sea Adobe Garamond. Al ser una fuente comercial, necesitaría una licencia especial para poder incrustarla en una página web. Algunas fundiciones de fuentes venden estos, otros no, solo necesitas leer su licencia :) Pero si lo consigues, es posible que encuentren que están mucho mejor aludidos. Sin embargo, no puedo garantizarlo (pero algunos almacenes de fuentes te permitirán ver una vista previa de una fuente representada por el navegador en ciertos navegadores).

Pero si se está limitando a las fuentes gratuitas disponibles de las fuentes web de Google, contaría EB Garamond para el texto del cuerpo, principalmente debido a estos problemas.

Tal vez especifique "Adobe Garamond" como primero, ya que algunas personas pueden tener eso, pero luego recurran a fuentes como Constantia, luego Georgia, luego solo "serif". Tenga en cuenta que Garamond y Constantia tienen un trazo ligero y una pequeña altura en X, por lo que se verá mucho más "finta" que algo como Georgia.