using Lucida Grande in windows

Question

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

How to do that ? how can i embed it to my webpage ?

Thanks

Answer 1

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

Answer 2

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

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

Answer 3

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