Tipo de letra segun S.O y explorador

azuel · #1 (**permalink**) 01/02/2011, 04:27

Buenos dias, estoy haciendo una pequeña web como practica los conocimiento que he ido aprendiendo.
Yo tengo como sistema operativo ubuntu 10.10 y como navegador chrome/firefox
El tema es que estos dos navegadores en ubuntu, definiendo el estilo de fuente

Código CSS:

Ver originalfont: normal normal normal 16px/normal arial, sans-serif;

Me lo muestran de una forma (que queda mejor)

En cambio si lo visualizo con estos navegadores desde windows xp me lo muestra de forma diferente.

Comu puedo hacer que independientemente del sistema operativo y navegador me muestre el mismo estilo de letra?

Gracias de antemano.

daPhyre · #2 (**permalink**) 01/02/2011, 17:22

Solo una pregunta rápida: ¿Instalaste los extras restringidos de ubuntu?

Ahí pides que use Arial, pero esta fuente no viene predeterminada en Ubuntu, así que quizá te esté mostrando la sans-serif...

azuel · #3 (**permalink**) 02/02/2011, 00:26

Hola daPhyre, si instale los restringidos de ubunto, pero esto me pasa con todos los tipos de letra...
no lo entiendo.... igual estoy haciendo algo mal...
intentare subir una captura para observar la diferencia...

Gracias por la ayuda, un saludo.

WeSoRz · #4 (**permalink**) 02/02/2011, 06:28

http://www.forosdelweb.com/f53/letra...deadas-529972/
Es esto a lo que te refieres?

azuel · #5 (**permalink**) 02/02/2011, 15:25

Como una imagen vale mas q mil palabras

Saben por me sucede esto?

Los dos navegadores son google chrome en su ultima versión arriba en xp y abajo en ubuntu

Espero su ayuda!
Gracias

WeSoRz · #6 (**permalink**) 02/02/2011, 16:02

Las fuentes dependen del equipo desde el que se visualice la web. Las nuevas versiones de windows así como la mayoría de distribuciones de linux traen el anti-alias (las fuentes con los bordes lisos), asi que me temo que hay nada que puedas hacer.

En su día vi algún artículo de "trucos" para conseguir el efecto. Cosas tan variopintas y extremas como por ejemplo, a través de un código JS reemplazar TODAS las letras por imágenes de cada una de ellas con el formato correcto.

En CSS3 está implementada la propiedad font-smooth, pero claro, ten en cuenta que que no es compatible con todos los navegadores.

azuel · #7 (**permalink**) 02/02/2011, 23:21

Hola WeSoRz, me descargo las fuente arial por ejemplo y hago un @import con css

Crees que se podrá solucionar?

Gracias un cordial saludo

WeSoRz · #8 (**permalink**) 03/02/2011, 04:46

El import para las fuentes no es compatible con todos los navegadores, aparte que sin el anti-alising seguirías teniendo posiblemente el mismo problema...

azuel · #9 (**permalink**) 03/02/2011, 07:44

WeSoRz muchas gracias por tu ayuda,

se te ocurre alguna forma de solucionar este problema sin utilizar algo demasiado lioso?

Entiendo que sitios como google solventas este problema... pero estoy investigando pero no encuentro buena informacion.

Muchas gracias por todo, un cordial saludo.

kseso? · #10 (**permalink**) 03/02/2011, 08:35

La principal diferencia que observo no es tanto una fuente (tipo) distinta sino el font-weight con el que se muestra.
Pareciera que en ubuntu esté aplicando el bold/bolder.

No indica si utiliza algún "reset css". Conviene que lo haga.
En el puede incluir (en el reset) si no lo tiene, la declaración: font-weight: normal.
Y para evitar en cierta medida el diferente ratio de proporcionalidad entre distintas fuentes de la misma familia (helvetica-verdana-arial-sans serif por ejemplo) css define la propiedad font-stretch

azuel · #11 (**permalink**) 03/02/2011, 13:32

Hola Kseso?, gracias por prestarme tu ayuda, pero no entiendo a lo que te refieres con "reset css", he probado font-weight: normal y font-stretch pero me sigue pasando este problema.

Si coloco font-weight:bolder; en chrome sobre xp se ve mas o menos igual.

El problema ahora es que en chrome linux se ven mucho mas gordas y fuertes...

Gracias por buestra ayuda pero creo que va a ser dificil solucionar esto.

kseso? · #12 (**permalink**) 03/02/2011, 16:11

@Azuel:
mis disculpas. Di por supuesto que eran conceptos conocidos por usted.

¿Qué es el reset css?
Si hace una búsqueda en google sobre el tema encontrará mucha información y ejemplos al respecto.

Sobre el resto:
Mi objetivo, que veo que no supe explicar, fue indicarle que el problema podría venir de esas diferencias incluso entre el mismo navegador en distintos SO.
Y le sugería que probase a declarar /font-weight: normal/ de forma explícita
Lamentablemente no puedo hacer pruebas en ese SO para ver qué puede influi directamente o por herencia para que se muestre como si tuviese declarado un /font-weight: bold/