非Windows系統中的Segoe UI字體

Question

我正在開發Web應用程序的前端，並且設計需要使用Segoe UI字體。我在一些文本區域使用了這種字體，但是在非Windows系統（Mac OS borwsers，Android等）中，這些文本不會使用Segoe UI字體進行渲染。

谷歌搜索後，我發現這個字體是由微軟使用。我的問題是。只能使用前端的字體文件use @ face-font將字體包含在前端中？或者我需要一些許可證或類似的東西？

Answer 1

如果沒有直接聯繫，您無法從Microsoft獲得許可Segoe UI，但您可以從Ascender Corp許可從Segoe UI的Microsoft網頁鏈接到的單色字體，但它與Segoe UI不同。

我建議Open Sans作爲Segoe UI字體的替代品，它非常相似，並且有更多的開放許可用於webfont（該鏈接實際上是Google託管版本的字體） - 因此您可以讓Segoe作爲主要字體，然後在非Windows 7 +系統上回退到Open Sans。

Answer 2

從技術上講，你可以通過CSS嵌入字體，但我不認爲許可證可以讓你這樣做合法。儘管無法找到答案，但msft的授權一直是迷宮的導航。

您是否可以在Google web fonts或Typekit找到替代字體並使用instad？他們都有許可許可？ （例如Open Sans非常相似）

Answer 3

如果使用CSS，只需調用字體堆棧中的字體即可。它可以是第一個字體或列在第二或第三。每個設備或瀏覽器都會使用系統中找到的列表中的字體。如果您首先放置僅限Mac的字體，則Windows系統將默認爲它發現安裝的第二個或第三個字體。

如果您想自己託管字體，請注意某些設備不支持某些字體，並且無論如何您仍需要列出其他字體。檢查您的分析以查看哪些設備和瀏覽器正在訪問的類型。選擇最流行的主字體，然後以降序添加其他字體。

不能保證任何字體會實際加載。變量太多，用戶可以隨時卸載字體或關閉JavaScript和其他可能導致網頁設計師瘋狂的廢話。

我在我的大多數站點中都使用託管和安裝字體的組合，特別是當設計更爲重要時。