Estoy creando un sitio web para un cliente, y esperábamos usar texto plano, no imágenes en la barra de navegación. La fuente que estamos usando es Century Gothic (creo que esta fuente está disponible en la mayoría de las PC y Mac). El problema es que en diferentes navegadores la fuente se vuelve significativamente diferente. En Chrome conseguimos que se vea como queremos, pero en firefox el texto es más pequeño y audaz.
Además de escribir JavaScript específico del navegador para alterar las propiedades de la fuente, ¿hay alguna otra opción para estandarizar la forma en que las fuentes se representan en el navegador? Tal vez alguna biblioteca o API? ¿Quizás es una cuestión de ser más específico al declarar las propiedades de la fuente? Sinceramente, estoy atascado y necesito ayuda.
fuente
En realidad, hay un método para incrustar fuentes en tu CSS. Es extremadamente fácil. Consulte http://randsco.com/index.php/2009/07/04/p680 para obtener más información sobre cómo hacerlo. La desventaja de esto es que los navegadores más antiguos (pre ei 7 y ff 3, creo ...) no son compatibles con esto. Pero el número de personas que usan estos navegadores antiguos está disminuyendo rápidamente y todavía es posible especificar fuentes alternativas que funcionarían y generalmente están en la mayoría de las PC por si acaso.
Otro enfoque que no he usado implica el uso de flash. No tengo mucha información sobre esto aparte de lo que sé.
fuente
Como otros ya han señalado, no tenemos control total. Pero creo que vale la pena mencionar un par de cosas que encuentro útiles para lograr que los navegadores representen cosas de manera similar en general. Ambas son cosas "de vuelta a lo básico" que muchos de ustedes ya están haciendo, pero pensé que vale la pena mencionarlas ya que la base sobre la que construyen a menudo los prepara para el éxito o el fracaso ...
Restablecimiento de CSS. El concepto es simple: establece valores predeterminados de etiquetas HTML en una hoja de estilo para establecer un punto de partida común para la representación HTML. Aquí hay un artículo y un ejemplo: http://meyerweb.com/eric/tools/css/reset/
Declaración de Doctype. http://htmlhelp.com/tools/validator/doctype.html
fuente