什麼是跨瀏覽器，跨平臺網頁安全字體？

Question

如何使跨瀏覽器，跨平臺和所有設備兼容的css字體堆棧？

Answer 1

您不能像使用普通計算機上的字體一樣保證在移動設備上使用的字體。

一個安全的選擇是使用通用字體系列，該系列字體可以被移動瀏覽器解釋以向您顯示相關字體，例如，

font-family: serif; /* (e.g., Times) */ 
font-family: sans-serif; /* (e.g., Helvetica) */ 
font-family: monospace; /* (e.g., Courier) */ 

Answer 2

最好的解決方案是經過任何特定的字體總是提供generic font family：

font-family: "Foo Regular", "Bar Sans", sans-serif;

Answer 3

也許這個鏈接可以給你一些更多的想法：

http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

使用上面的字體家人從未給我提出過問題。

Answer 4

也許這可以幫助你在你的追求：Matrix of fonts bundled with Mac and Windows operating systems, Microsoft Office and Adobe Creative Suite

Answer 5

在移動網站上做的不是在所有

Answer 6

設置FONT-FAMILY指出了最好的東西在的15.3 W3C有關'font-family'屬性的建議，您應該在字體堆棧中備份字體，以便您的網站訪問者有一些可行的選擇。

的「網絡安全」的字體棧我使用，覆蓋了大部分，如果不是所有的設備如下：

/* Web Safe Font Stacks (classes set in CSS) */ 
.head {font-family: Georgia,'Times New Roman',serif} 
.para {font-family: Verdana,Arial,sans-serif} 
.mono {font-family:'Courier New',Courier,monospace} 
.fant {font-family: Papyrus,Impact,fantasy} 
.curs {font-family:'Apple Chancery','Lucida Calligraphy',cursive} 

這包括標題，段落，等寬的代碼示例，幻想的特殊項目，和草書爲重點。您可能只需要一個用於標題（H1〜H6），另一個用於正文：

body {font-family: Verdana,Arial,sans-serif} 
h1, h2, h3, h4, h5, h6 {font-family: Georgia,'Times New Roman',serif} 

請檢查包含Linux和iOS的2010年以下備忘單。它給出了在Windows，Mac，Linux和iOS之間使用的平均百分比：Web Safe Fonts

Answer 7

忘掉跨瀏覽器的跨平臺字體堆棧，網絡示例通常只關心基本拉丁語的windows和OSX，它們在國際語言上失敗和Linux，以及新的形式因素。

由於許可原因，Linux從未使用過與Windows和OSX相同的字體，並且字體設計工具已經足夠成熟，你現在發現了很多的多樣性（不是說創建大型編碼字體很簡單，但只有很多用戶關心涵蓋他們特定語言的字體）。

字體創建已經變得足夠便宜，大公司（包括手機制造商）現在希望通過爲大版本（新設備或主要操作系統版本）調試新字體來實現差異化。

當字體調查仍然很流行的時候，DejaVu字體系列在Linux上有很多觸及範圍，這可能不再是這種情況了。 DejaVu和Arial有不同的指標。

只需在堆棧中使用通用CSS字體系列，避免任何helvetica衍生物，不要使用依賴於特定字體指標的設計，您就可以。

Answer 8

從谷歌上面有些「網頁安全字體」鏈接：

https://www.cssfontstack.com/

http://web.mit.edu/jmorzins/www/fonts.html