¿Alternativa segura para la web a la fuente Myriad Pro?

61

¿Hay alguna fuente que pueda usar en mi pila de fuentes que sea más o menos similar a Myriad Pro y segura para la web ?

website-design font-recommendation web-safe Atif Mohammed Ameenuddin
fuente
55
Por "seguro para la web", se refiere a términos de licencia / costo (como en código abierto y gratuito, por lo tanto utilizable en la web sin licencia adicional), o quiere decir que está optimizado para la web (viene con versiones TTF y WOFF y una regla @ font-face) o ¿quiere decir que ya está instalado en las computadoras / dispositivos de la mayoría de las personas, lo que lo hace "seguro" para usar en páginas web?
thomasrutter

Respuestas:

39

Es posible que pueda encontrar algo similar en el directorio de fuentes de Google . Todo lo que tiene que hacer es incluir su enlace en el encabezado de su página html y puede usar las fuentes en su CSS.

PT Sans es bastante similar (en comparación con el resto de la lista)

dkuntz2
fuente
2
-1 Creo que la mayoría de las fuentes de Google no son realmente un buen material de fuentes, carecen de muchos glifos y no tienen pesos.
Littlemad
77
Sin pesos, claro, pero hay muchas fuentes profesionales que vienen en pocos pesos también, en cuanto a los glifos, eche un vistazo a las fuentes, tienen seis alfabetos que puede filtrar (dos de los cuales tienen glifos adicionales), Creo que estás completamente equivocado. Además, encuéntrame un mejor servicio gratuito.
dkuntz2
Buen hallazgo, pero la letra "Q" de PT es bastante ruidosa.
jonallard
Tenga en cuenta también que más del 90% del tráfico de las redes sociales es ahora a través de dispositivos móviles (incluidos los enlaces entrantes obligatorios del sitio web) y que el 55%% del tráfico del sitio web es móvil. En términos de sitios web, tiene que ser menos estético y más sobre qué fuente representa su comunicación de manera más efectiva en un diseño receptivo, es decir, no es lo suficientemente bueno como para que funcione bien en una pantalla iMac de 27 ". ¿Qué pasa con un móvil de 4 pulgadas y 3 años de antigüedad? teléfono? Este es el mundo real y hace que un servicio gratuito como Google Fonts sea una obviedad para mí. Y el tiempo es dinero comercialmente, ¿cuánto tienes que perder probando una fuente?
Applefanboy
20

Según Wikipedia, Myriad Pro se incluye con Adobe Reader, no con Windows.

Y una búsqueda rápida en Google muestra que puede usarlo en la web usando Typekit (con una suscripción de $ 24.99 / año): http://typekit.com/fonts/myriad-pro

Nir
fuente
Fui a ampersandconf y descubrí más servicios alrededor de +1. El mejor servicio para mí (otras alternativas son fontdeck, webtype, myfonts, hoefler & frere-jones y fontfont)
Littlemad
@Littlemad, sabes que H&FJ no tiene un servicio de fuente web, ¿verdad?
dkuntz2
Estuve en Ampersandconf 2011.ampersandconf.com donde Jonathan Hoefler declaró que están trabajando para poner en la web sus fuentes. typography.com/ask/faq.php?faqID=126#Faq_126 Estoy sinceramente sorprendido de que no hayan publicado nada después de todos estos meses.
Littlemad
17

Si su sitio web se dirige a la multitud de diseñadores, muchos de ellos tendrán instalado Adobe Suite (no pregunte por qué medios). Kottke.org lo usa sin incrustación de CSS, y esta es su regla de familia de fuentes:

font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;

método de acción
fuente
Si bien es solo una pila, es una pila bastante buena para este caso.
dkuntz2
2
¿De dónde sacaste esos nombres de fuente? Adobe debería ser la única fundición que produce Myriad, y solo lo han lanzado como "Myriad", "Myriad Pro" (OpenType) y "Myriad Web Pro". Las otras versiones a las que hizo referencia no son estándar. Pueden crearse si alguien ejecutó una copia de la fuente de Adobe a través de un editor de fuentes o un convertidor de fuentes, pero ese es un escenario increíblemente improbable.
Lèse majesté
9

Una fuente gratuita que está muy, muy cerca: Vegur

El soporte de personajes no es el mejor, pero si es solo para titulares y realmente tiene que ser Myriad, entonces el esfuerzo adicional de @ font-face-it puede valer la pena.

sebastian_k
fuente
1
"Seguro para la Web" significa que debería estar disponible en un navegador cliente sin tener que instalarlo. No importa si es gratis, aún debe descargarlo e instalarlo en su computadora para verlo en una página web que lo utiliza. Verdanaes bastante seguro porque viene instalado por defecto en muchos sistemas. ArialEs aún más común. Como último recurso, use sans serif, que es un nombre estándar para este estilo de fuente, y todos los navegadores lo traducirán automáticamente a una fuente similar instalada.
Aᵂᴱ
2
Vegur está en dominio público, por lo que siempre puede preparar una fuente web y alojarla en su servidor. De esta manera, puede hacer que esté disponible en la mayoría de los navegadores sin necesidad de instalación asistida por el usuario (es decir, en IE, incluso versiones anteriores, Opera, Safari, Chrome, Firefox y probablemente algunas más).
skalee
6

Tienes varias opciones:

  • Un día en el futuro podría usar @ font-face para cargar cualquier fuente que desee (cuya licencia es gratuita para distribución).

  • Si lo usa solo para títulos, puede usar la técnica SIFR que usa flash, o una técnica simple de reemplazo de imagen

  • O puede usar, como los servidores de hosting de pago ya sugeridos para Font Typekit .

Littlemad
fuente
4

Vegur tiene un kit @ font-face (así como Cufon) en http://www.cufonfonts.com/en/font/12046/vegur . El soporte del navegador ha avanzado hasta el punto de que la mayoría de las personas podrán ver la fuente utilizada a través de @ font-face, incluso si no tienen la fuente instalada, siempre que la fuente esté alojada en el servidor.

NDeLeon
fuente
4

Tenía la misma pregunta, me instalé en CartoGothic-Std después de leer el siguiente artículo:

http://www.onextrapixel.com/2011/06/29/10-awesome-alternative-free-web-fonts/

El enlace de descarga de la fuente:

http://www.fontsquirrel.com/fonts/CartoGothic-Std

A. Perez Cera
fuente
2
Carto es una estafa descarada de Frutiger. Dado que Myriad es principalmente una estafa de Frutiger también (menos que Carto), esa es tu combinación.
vestidos de civil el
No tenía idea de lo que era, y no puedo discutir nada más que reconocer la relación. Sin embargo, es bueno encontrar alternativas gratuitas similares a las fuentes pagas. Sin embargo, adquiriré Frutiger y Myriad eventualmente. No trabajo en diseño, pero esas son fuentes imprescindibles.
A. Perez Cera
Frutiger y Univers son dos increíbles trabajos por los cuales Adrian Frutiger tiene una gran deuda con la industria del diseño :)
vestidos de civil el
3

Cuando no puedo usar Myriad Pro (que es nuestro estándar corporativo para títulos, encabezados, etc.), generalmente uso Verdana. Nunca he tenido un problema con que no esté disponible.

Stewbob
fuente
Frutiger y Trebuchet también son una buena combinación, Lucida Grande un poco menos, pero también similar.
Lèse majesté
3

En mi instalación de Windows 7 (con MS Office 2010 instalado) tengo estas fuentes que coinciden más: Lucida Sans , Segoe UI , Calibri y luego la fuente genérica sans serif como último recurso.

CSS para esto sería:

font-family: Myriad Pro, Lucida Sans, Segoe UI, Calibri, sans serif;
Aᵂᴱ
fuente
1
Arial es una fuente neogrotesca como Helvetica y Univers o Akzidenz-Grotesk. No es un buen sustituto de Myriad, que es una fuente humanista. Para los sistemas operativos Windows, un mejor sustituto de Myriad además de Verdana sería Frutiger o Trebuchet. Del mismo modo, "sans serif" no es el nombre de una familia de fuentes real. En OS X, Helvetica se usará como "sans serif" y en Windows, generalmente será Arial. En Ubuntu, se asignará a Ubuntu, que es una fuente humanista sans serif, pero no sé a qué se asigna en otros sistemas operativos.
Lèse majesté
@ Lèsemajesté: Estoy de acuerdo en que Verdana y Arial podrían no ser las mejores opciones. He cambiado mi respuesta para proponer algunas alternativas mejores. Cuando se trata de "sans serif", esta es una de las cinco fuentes genéricas, que son las únicas verdaderamente "seguras para la web", porque están definidas en los estándares web, y el navegador intenta encontrar la mejor opción. Consulte w3.org para ver el uso de fuentes genéricas CSS.
Aᵂᴱ
2

Source Sans Pro es una gran alternativa.

Está disponible a través de Google Fonts: http://www.google.com/fonts/specimen/Source+Sans+Pro

Muy similar a Myriad Pro, gran familia. Creado por Adobe (que también fue autor de Myriad Pro) como su primera familia de tipos de código abierto para texto.

UX Matthew
fuente
1

He probado todas las fuentes sugeridas anteriormente, y todavía no creo que ninguna de ellas coincida con Myriad Pro como lo hace Trebuchet MS. Pruébalo Tiende a ser un poco más delgado / menos audaz que Myriad, pero creo que puedo acercarme bastante después de jugar con las propiedades de fuente.

Dave W
fuente
0

Si quieres usar, @font-facesiempre busco ardilla de fuente . puede cargar fuentes y crearán un conjunto para su sitio con lo incluido css.

Danferth
fuente
0

Una más similar / alternativa de Myriad Pro es Maven Pro (fuente de google). Ver enlace

Súper modelo
fuente
-1

Para todas las personas que planean usar el Directorio de fuentes de Google (es genial, yo también lo uso a veces). Tenga en cuenta que algunas fuentes agregan un peso significativo / tiempo de carga a sus páginas. En el caso de la mencionada familia PT Sans es "Peso de página agregado: 224 kb comprimido". Compruébelo aquí: http://www.google.com/webfonts/family?family=PT+Sans&subset=latin


fuente
-1

Si Verdana está lo suficientemente cerca, DejaVu Sans está más cerca. Los dos se comparan aquí ; tenga en cuenta la 'I', 'Q' y 'R'.

Gavin R. Putland
fuente