Cualquier ventaja de utilizar la fuente SVG en @ font-face en lugar de TTF / EOT?

StackOverflow https://stackoverflow.com/questions/1449145

  •  11-09-2019
  •  | 
  •  

Pregunta

Estoy investigando el uso de fuentes SVG en la declaración @ font-face. Hasta ahora, sólo Safari 4 y Opera 10 parecen apoyarla. Firefox 3.5 no lo admite, pero hay un informe de error, pero hay una solución se ha suministrado todavía (aunque hay parches).

Me pregunto, con el apoyo @ font-face en los principales navegadores, ¿cuál es la ventaja de usar formato de fuente SVG en lugar de formatos / OTF / EOT TTF? La única ventaja que puedo extraer de la discusión vinculado anteriormente es que usted puede agregar sus propias gylphs que faltan a fuentes que no sean compatibles con ellos todavía.

¿Hay alguna otra razón para especificar las fuentes SVG en CSS?

¿Fue útil?

Solución

Parece que es la única manera de utilizar fuentes web en Safari Mobile. Así que es una ventaja bastante grande si está desarrollando para los iPhones y iPads. @ font-face generador puede crear el archivo SVG adecuada y la sintaxis CSS de cualquier fuente OpenType .

Otros consejos

El W3C estados estas ventajas:

  

Una de las desventajas de la instalación Fuente Web hasta la fecha es que las especificaciones tales como [CSS2] no requieren soporte de formatos de fuentes particulares. El resultado es que las diferentes implementaciones soportan diferentes formatos de fuentes web, lo que hace difícil para los creadores de sitios Web para publicar un único sitio Web usando WebFonts que funcionan en todas las aplicaciones de usuario.

     

Para proporcionar un formato de fuente común para SVG que está garantizado para ser compatibles con todos los espectadores SVG conformes, SVG proporciona una facilidad para definir las fuentes en SVG. Esta instalación se denomina fuentes SVG.

     

fuentes SVG pueden mejorar la riqueza semántica de gráficos que representan el texto. Por ejemplo, muchos logotipos de la empresa consisten en el nombre de la empresa elaborado artísticamente. En algunos casos, la accesibilidad puede ser mejorada mediante la expresión del logo como una serie de glifos en una fuente SVG y luego haciendo que el logo como elemento de 'texto' que hace referencia a esta fuente.

Sin embargo, el punto de un formato común en realidad no cuenta debido al soporte de los navegadores que carecen.

fuentes web SVG no pueden trabajar dentro de una aplicación web en línea. Se puede ver un ejemplo aquí: http://straathof.acadnet.ca/beta2.2 Guarde este archivo en una página de inicio iDevice, activar el modo avión y abrirlo. Las fuentes SVG y el sistema de nomenclatura utilizada provocará que la URL de la fuente fallen.

es de esperar que Apple corrige pronto.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top