Fuentes en la Web [duplicar]

Question

Esta pregunta ya tiene una respuesta aquí:

• Cómo incrustar las fuentes en el HTML? 6 respuestas

La colección de fuentes disponibles para un desarrollador web es deprimente limitada.Recuerdo haber leído hace tiempo sobre TrueDoc, como una forma de envío de las fuentes, junto con un sitio web, pero parece que han languidecido.Alguien ha utilizado este, o algo similar?Es compatible con suficiente navegadores?Me estoy perdiendo una buena solución?

Tenga en cuenta que un responsable desarrollador web no utiliza fuentes que sólo están disponibles en Windows (y especialmente aquellos que sólo están disponibles en windows Vista), ni tampoco el uso de una tecnología que no está apoyada por al menos la mayoría de los navegadores.

---

Actualización: Como varias personas han señalado que no hay nada malo con la entrega de una lista de reserva de las fuentes para las personas que no tienen la fuente específica de utilizar.Yo de hecho siempre hago esto, y no significa sugerir que esto estaba mal.

Mientras que mi pregunta estaba mal formulada, lo que quería decir es que un diseñador no debe hacer demasiadas suposiciones acerca de lo que el cliente tendrá a su disposición.Usted debe planear cómo todos los usuarios podrán ver su sitio, no sólo para las personas que utilizan su propio preferido de instalación.

Answer 1

Safari, y, en menor medida, Firefox 3 tiene soporte para @font-face en CSS, que permite usar fuentes personalizadas.Usted necesita tener la correspondiente licencia para distribuir los archivos de fuentes, aunque.Estos artículos explican con más detalle:

• http://www.css3.info/preview/web-fonts-with-font-face/
• http://www.alistapart.com/articles/cssatten
• http://www.sitepoint.com/blogs/2008/07/30/custom-web-fonts-pick-your-poison/

Answer 2

Esta es una oportuna hilo;nos cambiamos a Arial porque Calibri es pequeño en comparación con todos los otros de reserva de las fuentes!Me dolía mucho para cambiar a (gag) Arial, porque es una mierda de copia de Helvetica:

http://www.ms-studio.com/articles.html

El dimensionamiento de las dificultades (demasiado grande si vas con una "c" de la fuente como su estándar;demasiado pequeño si vas con algo normal) se describen en detalle aquí:

http://neosmart.net/blog/2006/css-vistas-new-fonts/

Voy a extrañar Calibri la mano hermosa-tuned RGB suavizado mucho, pero era simplemente imposible para ofrecer una buena experiencia para la mayoría de los usuarios, sin exigir Calibri ser instalado.Es bastante común, ya que viene con Office 2007 (Win/Mac) y, por supuesto, Vista..pero está lejos de ser universal, por lo que es un poco irresponsable, dependen en gran medida por un global de audiencia de la red.

Answer 3

Por supuesto, puedes usar SIFR.

Este se degrada con gracia en los navegadores que no lo soportan y es accesible.

Realmente no es conveniente para el uso en cargas de texto, pero para los encabezados y texto resaltado es perfecto.

Por supuesto, este es un trabajo en torno a una limitación intrínseca de los navegadores y la web en este momento, pero cuando se este no es el caso para la mayoría de las tecnologías de la web y de las técnicas.

Answer 4

Usted puede hacer eso con el nuevo @font-face declaración disponible en CSS3.Tiene muy buen soporte para CSS3 característica (es decir,desde IE4), también.

La sintaxis general es:

@font-face {
    src: url('ruta de acceso a su fuente') format('woff|ttf|svg|eot|...');
    font-family: el nombre de usar;
    font-weight: un opcional de peso;
    font-style: un estilo opcional;
}

También hay un generador disponible que convierte la fuente a múltiples formatos y crea el CSS correspondiente.

Hoy en día, yo recomendaría proporcionando sólo un archivo WOFF;es conveniente, fácil de crear.

También, asegúrese de citar el nombre del formato (por ejemplo, format('woff'));no funciona en Firefox lo contrario.

Answer 5

Tenga en cuenta que un responsable desarrollador web no utiliza fuentes de las que sólo disponible en Windows (y especialmente aquellos que sólo están disponibles en Vista), ni tampoco el uso de una tecnología que no está apoyada por al menos la mayoría de los navegadores.

No hay nada malo o incorrecto sobre el uso de Windows Vista/Vista-fuentes específicas siempre que se adaptan adecuadamente a una amplia fuente disponible.Por ejemplo:

font-family: Calibri, Tahoma, Helvetica, Sans-Serif;

De hecho, ese es el punto!

Answer 6

CSS2 ofrece:

@font-face {
    font-family: Garamond;
    src: url(garamond.eot), url(garamond.pfr);
}

Answer 7

Tenga en cuenta que un responsable desarrollador web no utiliza fuentes que sólo están disponibles en Windows (y especialmente aquellos que sólo están disponibles en windows Vista), ni tampoco el uso de una tecnología que no está apoyada por al menos la mayoría de los navegadores.

Creo que esto es más bien falta el punto.No importa si usted lo hizo;todo el mundo recibía algo sensato que se podía leer fácilmente, y los que necesita para cambiar el tipo de letra a lo que quieran de todos modos, porque es sólo de texto y todos los principales navegadores te permiten personalizar el tipo de letra que ver, independientemente de las preferencias del diseñador del sitio.

No hay nada roto acerca de lo que sugiere fuentes en tu CSS que algunos usuarios no tienen;se acaba de ver algo diferente de usted.Diferente no está roto.Ni siquiera se preguntan por qué estás utilizando fuentes por defecto, ya que no sé que otra gente vea algo diferente.

Este es el punto entero de la letra establece:

Verdana, Arial, Helvetica, sans-serif

Es una buena práctica precisamente porque reconoce que la gente vea cosas diferentes.

Esta es una buena práctica:

Gill Sans, Verdana, Arial, Helvetica, sans-serif

Así que la mayoría de la gente no tiene Agallas – a quién le importa?Consiguen perfectamente a un buen sitio, independientemente.

Y esto sería muy bien también, pero un poco raro y perezoso:

Gill Sans

Irresponsable diseño de la web es hacer las cosas como el ajuste de texto como de imágenes sin el uso de texto alternativo, no uso interesante de las fuentes en los conjuntos de fuentes.

Answer 8

Es decir soporta @font-face (comenzó como su tecnología patentada en MS Word). He aquí un post en el blog del equipo de IE acerca de que hace apenas un mes.

Answer 9

Tenga en cuenta que un responsable desarrollador web no utiliza fuentes que sólo están disponibles en Windows (y especialmente aquellos que sólo están disponibles en windows Vista), ni tampoco el uso de una tecnología que no está apoyada por al menos la mayoría de los navegadores.

Bueno... Se puede, siempre y cuando usted sabe cómo se va a representar en la no-Vista/no sistema operativo Windows.

De otra manera:sí, @font-face en CSS2 es la mejor alternativa estándar, incluso si no está ampliamente soportado.

Answer 10

Me imagino que cualquier método de envío de las fuentes con una página web pudiera representar algún tipo de riesgo para la seguridad.He oído hablar de los métodos de donde, en el caso de que el cliente no tiene la fuente, el texto puede ser dinámicamente reemplazado con una imagen o algún tipo de flash muestra.El único así que puedo encontrar ahora mismo está en AListApart pero ya puede ser redundante.Dicho método también requeriría css, imágenes y javascript para trabajar y podría ser doloroso para implementar en todos los navegadores.