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)
精彩评论