非Windows系统中的Segoe UI字体

Question

11

我正在开发一个Web应用程序的前端，设计需要使用Segoe UI字体。我在一些文本区域中使用了这种字体，但在非Windows系统（如Mac OS浏览器、Android等）中，这些文本不会以Segoe UI字体呈现。

通过谷歌搜索，我发现这种字体是由Microsoft公司提供的。我的问题是：我能否只在前端使用字体文件并使用@font-face将字体包含在前端中？或者我需要某些许可证或类似的东西吗？

- petermlm

3个回答

4

从技术上讲，您可以通过CSS嵌入字体，但我认为许可证不允许您在法律上这样做。但我无法立即找到答案——微软的许可证一如既往地难以理解。

您能否在 Google Web Fonts或 Typekit上找到替代字体并使用呢？它们都有宽松的许可证。（例如，Open Sans非常相似）

- troelskn

1

如果您使用CSS，只需在字体堆栈中调用字体。它可以是第一个字体或列出第二个或第三个。每个设备或浏览器将按照系统中找到的字体列表使用字体。如果您首先放置Mac-only字体，则Windows系统将默认使用找到的第二个或第三个字体。

如果您想自己托管字体，请注意，某些设备不支持某些字体，无论如何，您仍需要列出替代字体。检查您的分析数据以查看访问的设备和浏览器类型。选择最受欢迎的作为主要字体，然后按降序添加其他字体。

没有任何保证任何字体都会加载。有太多变量，用户始终可以卸载字体或关闭JavaScript和其他可能使网页设计师发疯的东西。

我在大多数站点中使用托管和安装的字体组合，特别是在设计更为关键时。

- Jim Maivald

非常感谢您的深入回答！ - petermlm

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Ryan McDonough · Accepted Answer

你无法直接从Microsoft获取Segoe UI的许可证，但你可以从与Segoe UI相关联的Ascender Corp获得单色字体的许可证，然而这不同于Segoe UI。

我建议使用Open Sans作为Segoe UI字体的替代品，它非常相似，并且具有更开放的网络字体使用许可证（该链接实际上是到Google托管版本的字体）- 因此，在非Windows 7+系统上，你可以将Segoe作为主要字体，然后转为Open Sans。