我正在开发 Web 应用程序的前端,设计需要使用 Segoe UI 字体。我将此字体用于一些文本区域,但在非 Windows 系统(Mac OS borwsers、Android 等)中,这些文本不会使用 Segoe UI 字体呈现。
谷歌搜索后,我发现微软使用了这种字体。我的问题是。可以只使用前端的字体文件并使用@face-font 将字体包含在前端吗?还是我需要一些许可证或类似的东西?
您不能在没有直接联系的情况下从 Microsoft 获得 Segoe UI 的许可,您可以从Ascender Corp获得从 Microsoft 网页链接到 Segoe UI 的 Mono 字体,但它与 Segoe UI 不同。
我建议Open Sans作为 Segoe UI 字体的替代品,它非常相似,并且有更多的开放许可可用作 webfont(该链接实际上是 Google 托管的字体版本) - 所以你可以将 Segoe 作为主要字体字体然后回退到非 Windows 7+ 系统上的 Open Sans。
从技术上讲,您可以通过 css 嵌入字体,但我认为许可证不允许您合法地这样做。虽然无法立即找到 - msft 的许可始终是一个迷宫。
你能在Google 网络字体或Typekit上找到替代字体并使用 instad 吗?他们都有许可证吗?(例如,Open Sans 非常相似)
如果您使用 CSS,只需调用字体堆栈中的字体。它可以是第一个字体或列出的第二个或第三个字体。每个设备或浏览器都将使用您列表中的字体,因为它们是在系统上找到的。如果您首先放置仅 Mac 字体,Windows 系统将默认使用它找到的安装的第二种或第三种字体。
如果您想自己托管字体,请注意某些设备不支持某些字体,无论如何您仍然需要列出替代字体。检查您的分析以了解正在访问的设备和浏览器的类型。选择最流行的作为您的主要字体,然后按降序添加其他字体。
不能保证任何字体都会实际加载。变量太多,用户总是可以卸载字体或关闭 javascript 和其他可以让网页设计师发疯的废话。
我在我的大多数网站中都使用托管字体和安装字体的组合,尤其是在设计更为关键的时候。