2010-12-07 20 views
6

Quiero usar Lucida Grande en mi sitio web para Windows.usando Lucida Grande en Windows

¿Cómo hacer eso? ¿cómo puedo incrustarlo en mi página web?

Gracias

+0

¿Qué quiere decir por "sitio web para las ventanas"? ¿Un sitio web que solo se puede ver en Windows? –

+2

no, Lucida Grande solo se ve en Mac, no funciona en Windows. Quiero trabajar en Windows también. –

Respuesta

10

Este es el tipo de letra-pila que he utilizado en el pasado:

font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;

+1

Vale la pena señalar que, aunque esta pila es * ciertamente * correcta en la composición de la pila de fuentes, en realidad la mayoría de los usuarios de Windows no tendrán instalado Lucida Grande. Entonces, en este ejemplo, la mayoría de los usuarios de Windows verán Tahoma o Verdana. – jakeisonline

1

Usted puede tratar de añadir Lucida Grande a la etiqueta font-family como esto

element { 
    font-family: "Lucida Grande", Arial, Helvetica, sans-serif; 
} 

y la esperanza de que el usuario ha instalado Lucida Grande o leer esto desde W3C: http://www.w3.org/TR/css3-fonts/#font-family0 - aquí se explican cómo incrustar una fuente (con CSS3)

2

Usted puede intentar algo como esto:

<style type="text/css"> 
@font-face { 
    font-family: "Lucida Grande"; 
    src: url(/resources/fonts/lucidagrande.ttf); 
} 
.ace { 
    font-family: "Lucida Grande"; 
    font-size: 90%; 
} 
</style> 

y debe ajustar la url usada en la línea src: y la ubicación real en el disco del archivo .ttf (depende de múltiples factores: la ubicación raíz de su documento, o si usa un servidor separado para recursos estáticos, etc.).

+1

+0 No proporcionó ninguna información sobre _dónde descargar_ el archivo .ttf. –

16

sólo estoy buscando la misma cosa y tropezado con este artículo:

http://www.brownbatterystudios.com/sixthings/2007/03/14/lucida-hybrid-the-grande-alternative/

Básicamente, sugiere utilizar Lucida Sans Unicode para texto normal y Lucida Sans para texto en negrita y cursiva.

body { 
    font-family: "Lucida Sans Unicode"; 
} 
b, strong, i { 
    font-family: "Lucida Sans"; 
} 

el ejemplo de código completo (incluyendo fuentes de repliegue) del sitio vinculado:

body { 
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
} 

strong, em, b, i { 
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
} 
+0

+1 ¡Esta es la mejor solución de las tres respuestas, de lejos! –

+1

Recuerde incluir el código al que se hace referencia en esos enlaces, a veces caducan, como en este caso :( –

+0

@dvidsilva el enlace todavía funciona para mí, pero incluso si no es así, no creo que sea necesario proporcionar código como es bastante simple (lo agregaré de todos modos ahora) – roberkules

Cuestiones relacionadas