1. 首頁
  2. 問答
  3. 什麼是好的網頁開發字體？

什麼是好的網頁開發字體？

2009-06-16 47 views
16

我正在尋找我可以在CSS中使用的字體列表。由於這些字體可能受版權保護，我應該使用哪些字體，這些字體可以在Windows（XP）以及Mac OS X和Ubuntu 8.04上使用？什麼是好的網頁開發字體？

我不想僅僅依靠較新的操作系統。

如果移動設備上存在相同的字體，將會帶來巨大的好處。

來源

2009-06-16 Thomaschaaf

+3

除非您嵌入字體，否則版權不是您的問題。 – cgp 2009-06-16 18:33:37

回答

17

看到這個list of browser safe fonts。

這是Windows + Mac爲中心，但仍然適用。他們也包括一個Linux發行版截圖。

來源

2009-06-16 18:30:52

2

Verdana是一個很好的。

來源

2009-06-16 18:30:31

0

這裏有一篇關於typefaces for the web的文章。

現代瀏覽器提供了許多字體。但是，保持簡單和一點點大。此外，使用對比色更容易閱讀。

來源

2009-06-16 18:32:53 NotMe

2

CSS允許您使用安裝在系統上的任何字體。 font-family允許您列出許多字體。如果解析器找不到安裝在系統上的第一個解析器，它將移動到下一個解析器上。這就是爲什麼大多數font-family定義級聯到無襯線或襯線。如果瀏覽器沒有任何字體，則使用默認襯線字體，無襯線字體或等寬字體等。

如果您是印刷術的吸血鬼，不幸的是，直到CSS3字體起飛，因爲Mac OS X有比Windows更好的字體選擇，所以不得不忍受爲Mac用戶提供所有的好字體。當我在Windows上加載我的網站時，我感到有些沮喪，並且我遇到了一堆僵硬的別名字體。

來源

2009-06-16 18:34:45

0

雖然擁有這樣的列表當然有用，但您還應該利用CSS的回退機制。例如，您可以在您的font-family屬性中列出Consolas，Courier New，monospace，並在該設備上獲得最佳匹配。

每個FONT-FAMILY名單上的最後一個項目應該是一箇中性的，如「無襯線」，「襯」，「等寬」等

這樣，你的設計人員可以使用他們認爲最好的字體，只要有合理的低級經驗。

見，例如w3.org's guidance

來源

2009-06-16 18:42:16 JasonTrue

5

Typetester！

特點：

  • 比較並排字體的一面;
  • 從安全字體，獲勝字體或mac字體列表中選擇;
  • 全部來自瀏覽器。

來源

2009-06-16 19:03:37 scvalex

8

聲明字體的唯一100％安全的方法是使用泛型作爲後備。

的仿製藥：

  • '襯'（如時報）
  • '無襯線'（如黑體）
  • '草書'（例如察普夫-大法官）
  • 「幻想「（例如西方）（WTF？）
  • '等寬'（例如速遞）

從W3C

所有五個通用字體家族都 定義的所有CSS 實現存在（他們不必 一定映射到五個不同的實際 字體）。用戶代理應該爲 提供合理的默認選擇，其中 表示每個 家族的特徵以及潛在的 技術所允許的 限制內。

許多網頁設計師認爲理所當然的Arial和Verdana等字體可能不會出現在Linux瀏覽器上（即使是經驗豐富的centOS上的Firefox也是如此）。蘋果擁有大部分的微軟字體，但也有一些不在。

來源

2009-06-16 19:05:32

0

你可以用Helvetica/Arial（是的，我知道這裏有區別！）或Verdana for sans-serif或Georgia或Times for serif。在你的CSS中，你可以把你的首選訂單列表。您應該始終以通用字體家族結尾，以涵蓋所有基礎。

我的網站通常是這個樣子：

font-family: Helvetica, Arial, sans-serif; 
font-family: Georgia, serif;

如果你想獲得可愛和花哨的字體，你應該看看​​，它採用閃存嵌入特殊字體。

來源

2009-06-16 19:12:16 Chet

1

Arial是我一直使用的「安全」字體。

但最近我一直在使用Trebuchet。幾乎每個人都會擁有它，這很常見。它現在在StackOverflow，FeedBurner以及許多其他熱門網站中都被廣泛使用。

但是，萬一用戶不擁有它，我會用這樣的（就像StackOverflow上有它）CSS ...

font-family:Trebuchet MS,Helvetica,sans-serif;

來源

2009-06-16 19:19:41

5

只需記住：朋友不會讓朋友們使用Comic Sans。

（說真的，你已經有了很好的答案......）。

來源

2009-06-16 21:28:26 RolandTumble

1

如果您希望佈局一致性並完全控制爲您的網站呈現的字體，建議使用網絡字體。下面是一些Web字體服務退房：

  • WebINK - 不再提供
  • 谷歌的Web字體
  • TypeKit
  • Fonts.com

所有這些服務提供成千上萬的高品質字體。谷歌字體是完全免費的。 WebINK和TypeKit都需要訂閱模型。我從來沒有使用過fonts.com，但他們可能有類似的模型。

來源

2012-05-18 21:57:14 BitsEvolved

相關問題

 相關問題