using Lucida Grande in windows

I want to use Lucida Grande in my website for windows.

How to do that ? how can i embed it 开发者_C百科to my webpage ?

Thanks

I'm just looking for the same thing and stumbled upon this article:

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

It basically suggests to use Lucida Sans Unicode for normal text and Lucida Sans for bold and italic text.

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

the complete code example (including fallback fonts) from the linked site:

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;
}

This is the font-stack I've used in the past:

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

You can try something like this:

<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>

and you should adjust the url used in the src: line and the actual location on disk of the .ttf file (depends on multiple factors: your document root location, or if you use a separate server for static resources, etc).

You can try to add Lucida Grande to the font-family tag like this

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

and hope that the user has Lucida Grande installed or read this from W3C: http://www.w3.org/TR/css3-fonts/#font-family0 - here they explain how to embed a font (with CSS3)