與 CSS 一起使用的 32 種華麗的 Web 安全字體

對於我們大多數人來說，我們每天都會看到幾個小時的字體。 如果您是辦公室工作人員，您可能會看到更多。 它們也用於印刷和網站。 事實上，字體最初是為排版設計的，用於印刷報紙和書籍。

今天，字體以電子形式用於網站設計、廣告圖形等以及仍在印刷的報紙、雜誌和書籍。

你怎麼知道你選擇的字體會顯示給觀眾？

我們整理了 32 種網絡安全字體，您可以在您的網站上與 CSS 一起使用。

然而，在我們討論這些之前； 你知道網絡安全字體到底是什麼嗎？

什麼是網絡安全字體？

每個操作系統無論是 windows 還是 mac 都帶有一定數量的內置字體。 即使不是所有的計算機系統都安裝了相同的字體，您也可以使用網絡安全的字體樣式包來選擇幾種看起來可比較的字體。 這將允許各種系統查看您在網站上發布的內容。

如果您不選擇網絡安全字體； 並非所有訪問您網站的人都能看到您頁面上發布的內容，這就是為什麼選擇一種網絡安全字體堆棧很重要的原因。

什麼是 CSS？

對於所有允許您創建自己的網站的網站和如雨後春筍般湧現的託管公司，您只需拖放即可，您可能不知道 HTML 或 CSS。

CSS 代表層疊樣式表，它允許您控製樣式元素，例如 Web 文檔中的顏色、字體或間距。 它基本上告訴用戶的計算機向查看器顯示什麼字體、顏色和間距。 如果該用戶沒有該字體，只要設計者選擇了要使用的字體堆棧或字體系列，計算機就會下載它或使用類似的字體。 一個字體家族就像 Lucida 一樣，它還包含 Lucida Sans 和 Lucida Grande。

雖然電視廣告展示了成功的商業網站使用他們建立自己的網站，但我不推薦它。 如果您真的想為您的企業打造專業的外觀，請聘請專業的設計公司。 不過，如果您真的希望自己構建並了解一些 HTML 和 CSS，那麼您應該使用某些字體，我們會告訴您這些字體是什麼。

32 種網絡安全字體

如果在您的字體堆棧中使用以下字體將是安全的，並且您的網頁將正確顯示給任何訪問它的人。 他們也可以給你一個專業的外觀。

無襯線網絡可靠字體

這些無襯線字體最適合您的網頁。

1. 宋體
2. 宋體黑
3. 塔霍馬
4. 投石機 MS
5. 維達納

以下是其他一些，即使它們可能不會在某些未安裝它們的計算機上顯示。

1. 世紀哥特式
2. 日內瓦
3. 露西達
4. 露西達·桑斯
5. 露西達格蘭德

Serif Web 安全字體

這些是襯線的最佳選擇

1. 信使
2. 快遞新
3. 喬治亞州
4. 時代
5. 英語字體格式一種

這些將起作用，但可能不會在某些計算機上顯示。

1. MS襯線
2. 紐約
3. 帕拉蒂諾
4. 帕拉蒂諾列型

等寬字體

等寬字體的最佳字體

1. 信使
2. 快遞新

這些將起作用，但在某些計算機上可能會丟失。

1. 露西達控制台
2. 摩納哥

智能手機和移動設備

這些設備實際上只有幾種字體； 不幸的是，Android 設備沒有相互的字體樣式。 相反，您需要使用@font-face 標籤來引入您想要使用的源代碼。 對於 iPhone、iPod 和 iPad 設備，最常用的字體樣式包括：

1. 宋體
2. 信使
3. 快遞新
4. 喬治亞州
5. 黑爾維提卡
6. 帕拉蒂諾
7. 英語字體格式一種
8. 投石機 MS
9. 維達納

這些是您可以使用的最常見的網絡安全字體，並確保大多數人會看到您的網頁在 iPhone、iPad 和 iPad 設備上正確顯示。

免費與付費

使用 Open Office 和 LibreOffice 等開源代碼程序，您可能會發現很多優質的免費字體可以從 Internet 下載。 其中許多質量很高，我們大多數人都喜歡免費的東西； 此外，為什麼不在一個項目上節省幾塊錢呢？

免費總是好的，對吧？ 或者是嗎？ 免費真的可以與付費字體相比嗎？

免費字體與付費字體相比有什麼區別？ 答案是質量。 是的，一些免費字體質量很好。 但是，當涉及到免費時，您仍應檢查許可以確保您可以使用它們。

那麼免費收藏中的一些字體是什麼？

1. Mans Greback 的 Southern Aire 可供個人免費使用
2. 惡魔東自由由 fey 設計
3. 比利·阿爾杰（Billy Argel）定期使用的卡薩布蘭卡黑葡萄酒
4. Jovanny Lemonad 的 Magnolia 腳本
5. 馬尼拉 Sans – 粗體由 theprintinghub 上傳
6. MyFonts 的典型標題
7. 可移動類型聯盟的哥特聯盟
8. 散光大酒店
9. Ayres Serif by Mariel Gornati

2016 年最受歡迎的免費字體是什麼？

10. 北極免費字體
11. Bemount 免費字體
12. Esphimere 免費字體
13. Jaden 免費字體
14. Barbaro 免費字體
15. Ansley Display 免費字體
16. Bariol Serif 免費字體
17. Bohemia SlabSerif 免費字體
18. 恆星免費字體
19. 巴拿馬 免費字體
20. BSRU Bansomdej 免費字體
21. 螢火蟲免費字體
22. Mightype Script 免費字體
23. BERNIER 免費字體
24. 無記憶字體

可以將這些免費字體用於什麼？ 也許在講故事的網頁上是使用這些字體的好地方。 它們也可以用於個人日記、照片博客； 幾乎所有你想發佈到互聯網上的東西。

專業人士使用什麼字體？

當設計師為客戶構建網頁時，他們會使用來自多個集合的付費字體。

也許您想知道專業人士使用什麼字體？ 這些字體最常被專業人士使用。

1.黑爾維提卡

2.果子

3.萬千臨

4. Avenir 標準

5.圖拉真

6. Optima 標準

7. ITC 富蘭克林哥特式標準

8.富利

9.比克漢姆腳本

10.大學

11.歐洲標準

12.州際公路

13.貿易哥特式

14.吉爾·桑斯

15.沃諾克

16.開普勒

17.博多尼

18.本博

19.羅克韋爾

20.元

21.哥譚

這 21 種字體是您最常在由專業網頁設計師設計的網站上看到的字體。

專業的網頁設計師會使用免費字體嗎？ 專業網頁設計師可能會根據客戶的需求使用一些免費字體。 以下是專業網頁設計師可能會使用的一些內容。

• 美味的
• 龍膽
• 理貨
• 亞諾·卡菲薩茲
• 神的食物
• 空白
• 包含 Sans 和 Serif 的 Liberation 系列
• 臨臨臨

你需要什麼字體？

你可能需要字體做什麼？ 您可以使用字體的一些事情是簡歷寫作，寫日記或博客，或者照片日記以分享家庭照片。 你也可以用它們來寫你的家族史和家譜，或者你的家庭企業的網站，比如自由職業者的網站。

如果您是自由撰稿人，您應該考慮將其中一些免費字體作為您可以使用的工具，具體取決於客戶想要呈現的內容。 您也可以在您的投資組合中使用它們來向客戶展示。

你在哪裡可以得到字體？

您可以從哪裡獲得用於您的項目、網頁和其他用途的字體？ 這是您可以獲得字體的地方的列表。 其中一些是付費的，一些是免費的，其他的將包含付費和免費字體的組合供您下載。

• 來自 Microsoft 的 Office 支持 - 許多是付費的，可能有一些免費的
• Google Fonts – 來自 Google 的免費字體
• 1001 種免費字體——超過 12000 種免費字體，還有 mac 字體
• DaFont – 這些都是免費的
• 城市字體——這些是免費的
• Font Squirrel – 這個網站不僅有免費和付費的，還向您展示了該字體適用於哪些操作系統。
• iTunes – 蘋果商店有免費和付費字體

這些站點中的許多站點（如果不是全部）都會提供有關如何為您的操作系統（無論是 windows 還是 mac）下載和安裝字體的說明。

請注意並按照給出的說明進行操作，安裝下載的字體應該沒有問題。

您為字體支付的費用取決於您從事的業務類型、您正在做的項目類型以及您的預算。

請記住，免費並不總是最好的選擇。 如果您希望為客戶提供全面的選擇，您可能需要削減其他領域的預算以支付某些字體的費用。

如果您覺得付費字體對客戶來說是更好的選擇，請向他們解釋為什麼要向他們展示付費字體和免費字體的區別； 請務必說明並非所有系統都安裝了字體，因此可能無法看到它們呈現的信息。

結論

有了所有自己動手的網站建設網站，您不再需要了解 HTML 或 CSS，但您應該了解操作系統中通常使用的字體類型。

當您建立一個網站時，您是在向訪問者提供有關您的業務或您認為他們需要知道的事情，甚至是關於您自己的信息。

如果您建立自己的網站並且不使用大多數操作系統已安裝的通用字體，那麼您網站的訪問者可能無法查看您試圖提供給他們的文檔或信息。

您選擇的字體非常重要，應該謹慎選擇，尤其是現在很多人都在做自己的網站構建。

您必須記住，並非每台計算機都會安裝所有字體，這就是為什麼您應該選擇一個或多個具有相似字體的字體系列來代替它。

我們為您提供了很多字體供您選擇，有些是付費的，有些是免費的； 由您決定哪個更適合您的項目或業務 - 付費或免費。 這完全取決於您希望向人們展示的圖像； 專業或電樞。 如果是給客戶的； 那麼您還可以為他們提供付費和免費的最佳選擇，並解釋它們之間的差異，以便他們擁有做出明智選擇所需的所有信息。 不要忘記告訴他們您作為專業人士會為自己的個人項目選擇什麼以及為什麼。