Problema con Myriad Pro

[LoGaNsF]

Hola,

Estoy haciendo una web para un negocio que han montado unos amigos. El caso es que he usado como fuente principal Myriad Pro, creo que es una fuente común y por lo general no me ha dado problemas. Pero hoy hemos quedado para ver el resultado y debatir cosas. Pues en el PC que lo hemos probado la fuente no la pillaba y usaba Times New Roman, la que usa por defecto. El caso es que en Chrome y Firefox no la mostraban, pero IE si que la mostraba. Y os hablo de IE8 y las ultimas versiones de Chrome y Firefox.

Creo que puede ser que ese PC no tenga la fuente, aunque IE si lo muestra (Windows 7). Porque todos hemos visto la web en nuestros PCs habituales y se veía como debe verse.

¿Myriad Pro es común o me he colado y van a ser muchos mas los que tengan problemas?. La web es http://milsolutions.xtrweb.com, por si queréis verla a ver si se os muestra la fuente.

¿Alguna fuente similar a Myriad Pro para usarla como sustituta o secundaria para los que no les funcione?.

Gracias.

Un saludo.

[PineAppleWeb]

Hola Logansf,

Prueba a usar el API de Google Fonts para mostrar fuentes compatibles, eso sí la velocidad de carga se resiente así que mejor no abuses de este servicio:

http://www.google.com/webfonts

Un Saludo!

[LoGaNsF]

Gracias por la respuesta.

Ya he usado en otra ocasión el servicio de Google, pero me gustaría usar una fuente común, por la velocidad y compatibilidad. Pero tengo esa duda, si Myriad Pro es común (diría que si) y por tener una alternativa, ¿alguna que se parezca y sea común?.

Gracias.

Un saludo.

[danneg]

Una fuente común? usa Verdana, no tendrás problema, pero para algo se implementó la propiedad CSS @font-face.

Te dejo éste link donde puedes subir tu archivo ttf y te arma un kit con los diferentes formatos compatibles TODOS los navegadores y un archivo css con un ejemplo de como usarlo.

http://www.fontsquirrel.com/fontface/generator

[LoGaNsF]

También lo conozco y lo he usado en la web. ¿Ralentiza la web el uso de @font-face?. Lo he usado ya, pero no se si penaliza mucho o no se nota. Seria la mejor opción y que todos lo vean igual.

[jhekil]

Usar @font-face relantiza la web más que no usarlo claro. Pero si la fuente está en formato woff (optimizada para web) y se usa cache de navegador pues es como cargar una imagen la primera vez y luego siempre estará cacheada en el navegador, por lo que es bastante rápido.

Puedes convertir la fuente para web en este [URL="http://www.fontreactor.com/font-face-generator"]@font-face generator[/URL]

[danneg]

Usar @font-face es la alternativa perfecta, ya que es css puro, y como habrás leído en algunos blogs de tecnología, css está optimizado para todo, incluso los últimos navegadores separan el proceso de css para que sea acelerado por hardware (tambien pasa con móviles).

Te menciono que cada navegador reconoce un formato diferente; woff es la mejor propuesta de fuente pero ahora te dejo una lista de los diferentes formatos en navegadores.

Chrome: Woff;
Firefox: Woff;
Safari: SVG;
Opera: TTF;
IE: EOT;
Móviles: SGV;

En la página que ya te había dejado te entregan un kit con todas estas fuentes y el código ordenado de tal forma que el navegador reconozca la mejor opción.

Por otro lado y es como una curiosidad, los servicios de adobe y google (Google Fonts y TypeKit) usan @font-face en su script para que pueda funcionar.

Saludos!