【问题标题】:Will Segoe UI work on Mac?Segoe UI 可以在 Mac 上运行吗?
【发布时间】:2021-05-27 20:24:15
【问题描述】:

Segoe UI 字体是否内置在浏览器中?如果我的访问者从 Mac 上查看,它会正常工作还是我必须为此设置 CSS url?我的设计师说它只有在我们设置 URL 时才会起作用,但是我删除了

@font-face
{
    font-family: "Segoe UI";
    src: url("fonts/Segoe UI.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

它至少在 Windows 7 上仍然有效。不过我没有 Mac 来测试。

【问题讨论】:

  • 你的设计师是正确的,不要删除那个代码。
  • 对于任何寻求实用解决方案的人:您可以使用字体堆栈并使用 Google 的 "Open Sans" 作为后备。它非常相似,但没有可用的精简版。
  • @Towa Now Open Sans 拥有所有字体粗细。 :)

标签: html css fonts


【解决方案1】:

Segoe UI 字体未内置在浏览器中。它附带一些 Microsoft 软件。在 Mac 上,它很可能不可用,尽管用户可能已单独获得它或作为某些软件包的一部分获得它。

您应该删除@font-face 规则和上传到服务器的字体文件。 Segoe UI 受版权保护,未经版权所有者 Microsoft(可能不会给予许可)的许可,不得将其用作网络字体。

您将需要一些其他策略,例如使用另一种字体作为基本字体或作为系统中没有 Segoe UI 的访问者的备用字体。 Google font Open Sans 与 Segoe UI 非常相似,而且它是免费的(它有 10 种样式,包括 Book、Normal、Semi-Bold、Bold 和 Extra-Bold 粗细)。

【讨论】:

  • Lucida Grande 与 Segoe UI 类似,预装在所有 Mac 上(它是默认系统字体)。
  • @daGUY,嗯,它与基本设计方法(Humanist sans-serif)相同的程度相似。但更重要的是相似度的问题,即使用网络字体(可下载字体),您将涵盖所有系统,包括 Linux、旧 Windows 系统等-
  • @RyanMcDonough,该 URL 指的是有关 Segoe UI Mono 的页面,这是一种非常不同的字体,正如您从那里的示例中看到的那样(它是一种等宽字体,正如其真实名称所暗示的那样)。
【解决方案2】:

它适用于任何装有 Office 2007、2010、Vista 或 7 的计算机:

Segoe UI 字体系列可以作为 Microsoft Office 2007、Microsoft Office 2010、Windows Vista 或 Windows 7 的一部分获得。

如果用户下载了 Windows Live 软件包,也可以在 XP 上运行:

如果用户安装了 Windows Live Messenger 或 Windows Live Mail,则会将 Segoe UI 安装到 Windows XP 中

Source

对于任何不具备上述功能的计算机,您需要使用@font-face 声明它

【讨论】:

  • “适用于”与“预装在”或“自带”不同。 Segoe 将在任何系统上工作提供字体文件已安装或使用@font-face 声明。
  • @BoltClock 我的回答总是那么挑剔:(
  • 我投了反对票。 Segoe UI 不是免费字体,说应该或需要用@font-face 声明它是错误的建议。
  • @JukkaK.Korpela 你可以授权它,即使你不能,我们也不是在这里争论合法性,只是如何做到这一点..
  • @RyanMcDonough,关于合法性没有什么好争论的:要么有许可证,你可以出示,要么没有。而“你需要声明它”的建议是错误的建议,因为它在必要时提出了一些非法的东西。
【解决方案3】:

我想补充一点,网络字体(谷歌字体)现在已经是欧盟法律的数据保护问题(因为谷歌会保护一些个人信息),但它们的真正问题是,它们会造成时间- 加载延迟(0.6 秒),然后还会导致布局转换(CLS)。 我使用网络字体 10 年了。现在我回到一些预装的字体...

【讨论】:

    【解决方案4】:

    是的。

    您可能还想在 OTF 中提供字体。

    您可以在此处找到提供字体的可用格式列表:http://www.w3.org/TR/css3-webfonts/#font-reference

    您可以在此处找到将 TTF 转换为各种网络字体的转换器:http://www.font2web.com/

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-02-15
      • 1970-01-01
      • 1970-01-01
      • 2013-08-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-06-07
      相关资源
      最近更新 更多