在 Windows 中使用 Lucida Grande答案

【问题标题】：using Lucida Grande in windows在 Windows 中使用 Lucida Grande
【发布时间】：2010-12-07 09:59:26
【问题描述】：

我想在我的 Windows 网站中使用 Lucida Grande。

如何做到这一点？如何将其嵌入到我的网页中？

谢谢

【问题讨论】：

您所说的“Windows 网站”是什么意思？只能在 Windows 上查看的网站？
不，Lucida Grande 只能在 Mac 中查看，它在 Windows 中不起作用。我也想在 Windows 上工作。

标签： css fonts

【解决方案1】：

我只是在寻找同样的东西，偶然发现了这篇文章：

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

它基本上建议将Lucida Sans Unicode 用于普通文本，将Lucida Sans 用于粗体和斜体文本。

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

来自链接站点的完整代码示例（包括备用字体）：

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

【讨论】：

请记住包含这些链接中引用的代码，它们有时会过期，就像在这种情况下:(
@dvidsilva 该链接对我仍然有效。但即使没有，我认为没有必要提供代码，因为它相当简单（我现在会添加它）
这里是保存的链接：web.archive.org/web/20140401033959/http://…

【解决方案2】：

这是我过去使用的字体堆栈：

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

【讨论】：

值得注意的是，虽然这个堆栈肯定在字体堆栈的组成方式上是正确的，但实际上大多数 Windows 用户不会安装 Lucida Grande。所以在这个例子中，大多数 Windows 用户会看到 Tahoma 或 Verdana。

【解决方案3】：

你可以试试这样的：

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

您应该调整src: 行中使用的url 和.ttf 文件在磁盘上的实际位置（取决于多种因素：您的文档根位置，或者如果您使用单独的服务器来获取静态资源，等）。

【讨论】：

+0 您没有提供关于在哪里下载 .ttf 文件的任何信息。

【解决方案4】：

您可以尝试像这样将 Lucida Grande 添加到 font-family 标记中

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

并希望用户已安装 Lucida Grande 或从 W3C 阅读此内容：http://www.w3.org/TR/css3-fonts/#font-family0 - 在这里他们解释了如何嵌入字体（使用 CSS3）

【讨论】：