¿Se considera Helvetica una fuente “ segura para la web ”?

Helvetica no solo no es segura, sino que también es una fuente protegida por derechos de autor , por lo que necesita una licencia para usarlo si lo carga como fuente web.

De hecho, no existen fuentes web 100% seguras , ya que dependerá en las fuentes que el usuario tiene en su dispositivo, y los diferentes sistemas operativos tienen diferentes conjuntos de fuentes. Por lo tanto, debe hacer algo como esto:

p{font-family:Arial, Helvetica, sans-serif} 

De lo contrario, su sitio se visualizará con la fuente predeterminada que el usuario ha establecido, por ejemplo, Times New Roman .

Si quieres jugar seguro, te recomiendo este recurso bastante ingenioso: CSS Font Stack . Allí puede ver las fuentes «más seguras» , el porcentaje de uso del sistema operativo e incluso el código a utilizar, incluidas las alternativas alternativas

Comentarios

• lo siento, pero UX no se trata de aleatoriedad, sino de control. Puede que te guste más a veces , pero es puramente subjetivo como dices, y ciertamente no es algo para recomendar
• @Devin Estoy de acuerdo. Al mencionar la fuente en Css, debe cambiarse por p {font-family: Helvetica, Arial, sans-serif}. La fuente principal debe ser lo primero si las partes interesadas prefieren esta fuente y luego debemos agregar fuentes del sistema como Arial n sansarif
• ¿Por qué todos los comentarios sobre derechos de autor y carga de fuentes web? La pregunta se refiere a fuentes seguras para la web que (por definición) ya están presentes en el dispositivo del usuario final. La pregunta no expresa ningún deseo de cargar fuentes web.
• CSS Font Stack es bueno, pero solo muestra las fuentes instaladas en el escritorio de Windows y OS X.
• Buena lectura sobre Helvetica en Windows. Enlace

Como se mencionó no existe una fuente web segura. Pero hay una manera de cargar las fuentes que faltan de su servidor mediante el uso de @ font-face . @ font-face se introdujo por primera vez en CSS2, incluye tipos de archivos de respaldo y es ampliamente compatible . Esta no sería una solución al 100%, pero sería más prometedor que depender de la selección de fuente de la máquina.

Primero, pondría el archivo en su servidor como un archivo alojado estático normal. Es posible que deba configurar los tipos de mime de su servidor web para que maneje correctamente el archivo y no intente hacer que el manual del cliente lo descargue.

Luego, implementaría un código en su hoja de estilo que se parece a el seguimiento. Tenga en cuenta que estos son solo algunos de los posibles formatos. No es necesario que los utilice todos. Pero si no borra la referencia al archivo para evitar un retraso innecesario causado por el recurso faltante.

@font-face { font-family: "MyWebFont"; src: url("webfont.eot"); /* IE9 Compat Modes */ src: url("webfont.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("webfont.woff2") format("woff2"), /* Super Modern Browsers */ url("webfont.woff") format("woff"), /* Pretty Modern Browsers */ url("webfont.ttf") format("truetype"), /* Safari, Android, iOS */ url("webfont.svg#svgFontName") format("svg"); /* Legacy iOS */ } 

Después de lo cual, asignaría la fuente a su elemento. Si desea intentar usar su versión de Helvetica, use algo como:

font-family: "MyWebFont", Helvetica, sans-serif; 

Si no se puede cargar el tipo de letra, intentará usar la máquina «s Helvetica y si eso falla, intentará cargar sans-serif. Además, puede intercambiar su fuente y la fuente de la máquina. Pero no ahorrará su ancho de banda porque aún cargará sus fuentes una vez que cargue la hoja de estilo.

Por último, pero lo más importante, Helvetica no es una fuente gratuita. Deberá comprar una licencia para su uso. Linotype le venderá las fuentes web necesarias y la licencia de su sitio web. El precio se basa en las visitas a la página. Pero una vez comprado, es completamente legal insertarlo en su página web o aplicación web.

ser accesible en cualquier dispositivo

Realmente no hay nada como «disponible en ningún dispositivo».

Si no está usando fuentes incrustadas, entonces necesita usar una pila de fuentes, por lo que tiene algunas opciones de respaldo en caso de que la primera no esté disponible.

Helvetica no forma parte de ningún conjunto de fuentes predeterminado de Windows, por lo que es probable que los usuarios de Windows vean otra fuente secundaria. Si eso no le preocupa, use Helvetica.

Comentarios

• La fuente Arial es estándar en todas las versiones de Windows (desde v3.1) y tiene esencialmente las mismas características de diseño; el uso de Arial como alternativa para Helvetica dará sustancialmente la misma apariencia (dicho con las debidas disculpas a aquellos entusiastas de las fuentes que conocen y se preocupan por las diferencias). Consulte en.wikipedia.org/wiki/Arial
• Windows no es el único sistema operativo, no ' t olvidarme de todos los demás. Es posible que otros no tengan Arial.
• Arial no está ahí de forma predeterminada en muchas distribuciones de Linux, por ejemplo.