適用於您網站的25華麗Web安全字體

Fonts.字體We see them every day.我們每天都看到他們。 From print ads to magazines, there's all kind of fonts out in the world.從印刷廣告到雜誌,世界上有各種各樣的字體。

無論你是 電子商務商店 所有者或嶄露頭角的博主,所有網站的共同點是使用文本作為內容。

在創建網站的整體美學並確保其成功時,對顯示的文本(或排版設計)進行一些考慮就不足為奇了。

但是更重要的是讓它們成為網絡安全字體。

什麼是網絡安全字體?

Web安全字體是通常預先安裝的字體樣式,並且可以在大多數設備(計算機,移動電話,智能電視和平板電腦)中查看。

為什麼Web安全字體很重要?

在理想的世界中,您應該能夠選擇任何您想要的網站字體。 實際上,您可以使用的字體類型有限制。

大多數計算機和Web瀏覽器都帶有一組由製造商預先安裝的字體,但是,它們的設計可以(並且通常)不同。 沒有標準字體集由所有不同的製造商共享。

如果您使用的字體未安裝在用戶的計算機上,那麼您的網站將恢復為通用字體,有時最終可能無法讀取。

為了避免這種情況,網頁設計師一直在使用 Web的核心字體 Microsoft在1996中發布的大多數網站字體的標準。 這些字體最終成為“網絡安全字體”,因為無論計算機如何,字體都會安全地顯示在您的網站上。

我應該為我的網站使用Web安全字體嗎?

簡短的回答:絕對。

如果您希望保持網站的設計和視覺品牌一致,那麼使用網絡安全字體可確保您的網站完全按照您的預期顯示。

事實上,今天幾乎所有網站都使用某種形式的網絡安全字體。 Web設計人員將始終建議選擇Web安全字體,以避免在用戶訪問您的網站時出現通用字體(如Times New Roman),如果他們不是特定字體或自定義字體。

如何添加這些Web安全字體?

您可以使用多種方法將這些字體添加到您的網頁中,但如果您不喜歡 編程 或者幾乎沒有技術經驗,您可以輕鬆複製原始 CSS 代碼並將它們直接粘貼到您自己的樣式表中以使用字體。

如果您仍然不確定,那麼只需按照以下幾個簡單的步驟:

  1. 加載你的標題。php 文件
  2. 複製字體源代碼/標準代碼(請參閱參考資料1)
  3. 將代碼粘貼到頭文件的頂部。
  4. (請參閱參考資料2)

參考1

<link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet">

參考2

body {font-family:'Abel';font-size:22px;}

適用於您網站的25華麗Web安全字體

1。 宋體

Web安全字體-Arial

鏈接/來源: Fonts.com / CSS字體堆棧

2。 宋體

Web安全字體-Calibri

鏈接/來源: Fonts.com / CSS字體堆棧 

3。 黑體

Web安全字體-Helvetica

鏈接/來源: Fonts.com / CSS字體堆棧

4。 Segoe UI

Web安全字體-Segoe UI

鏈接/來源: Fonts.com / CSS字體堆棧

5。 投石機MS

Web安全字體-Trebuchet

鏈接/來源: Fonts.com / CSS字體堆棧 

6。 坎布里亞

Web安全字體-坎布里亞

鏈接/來源: Fonts.com / CSS字體堆棧 

7。 帕拉蒂諾

Web安全字體-Palatino

鏈接/來源: Fonts.com / CSS字體堆棧

8。 佩蓓

Web安全字體-Perpetua

鏈接/來源: Fonts.com / CSS字體堆棧

9。 格魯吉亞

Web安全字體-喬治亞

鏈接/來源: Fonts.com / CSS字體堆棧 

10。 索拉

Web安全字體-Consolas

鏈接/來源: Fonts.com / CSS字體堆棧

11。 快遞新

Web安全字體-Courier新

鏈接/來源: Fonts.com / CSS字體堆棧 

12。 宋體

Web安全字體-Tahoma

鏈接/來源: Fonts.com / CSS字體堆棧

13。 宋體

Web安全字體-Verdana

鏈接/來源: Fonts.com / CSS字體堆棧

14。 遠艦

Web安全字體-Optima

鏈接/來源: Fonts.com / CSS字體堆棧

15。 吉爾桑斯

Web安全字體-Gill Sans

鏈接/來源: Fonts.com / CSS字體堆棧

16。 世紀哥特式

Web安全字體-世紀哥特式

鏈接/來源: Fonts.com / CSS字體堆棧 

17。 Candara

Web安全字體-坎德拉

鏈接/來源: Fonts.com / CSS字體堆棧

18。 安達爾莫諾

Web安全字體-Andale Mono

鏈接/來源: Fonts.com / CSS字體堆棧 

19。 狄多

Web安全字體-Didot

鏈接/來源: Fonts.com / CSS字體堆棧

20。 銅板哥特式

Web安全字體-Copperplate

鏈接/來源: Fonts.com / CSS字體堆棧 

21。 羅克韋爾

Web安全字體-羅克韋爾

鏈接/來源: Fonts.com / CSS字體堆棧 

22。 波多尼

Web安全字體-Bodoni

鏈接/來源: Fonts.com / CSS字體堆棧

23。 富蘭克林哥特式

Web安全字體-富蘭克林哥特式

鏈接/來源: Fonts.com / CSS字體堆棧 

24。 碰撞

Web安全字體-影響

鏈接/來源: Fonts.com / CSS字體堆棧 

25。 Calisto MT

Web安全字體-Calisto

鏈接/來源: Fonts.com / CSS字體堆棧

要檢查的字體工具

在線存在許多工具,可用於檢查和測試可用於以下目的的不同字體 你的網頁。 如果您在選擇字體時遇到麻煩,或者只是想探索可用的Web安全字體類型,那麼這些站點是一個很好的使用工具。

字體對

字體對 提供大量的資源,插件,電子書,指南,視頻,甚至是關於任何事物和所有與排版有關的靈感。 它們甚至還有一個部分,可以為您提供Google字體上最常用的字體,哪些字體最適合彼此配對。

Wordmark.it

如果您想要使用某種字體快速預覽文本的樣子, Wordmark.it 讓您即時預覽您的文本如何同時顯示在多種字體上。 只需在他們的首頁欄上輸入一個詞或短語,按回車鍵,它就會顯示你的文本,使用不同的字體,如 Candara 或 Luci大控制台。

WhatTheFont

WhatTheFont 是一個工具,您可以用它來識別和識別您在網上看到的字體。 您只需上傳一個字體圖像,WhatTheFont將在其數據庫中交叉搜索它,以便為您提供最接近的結果。 如果你仍然找不到確切的字體,你甚至可以前往他們的 論壇尋求幫助.

這是關於字體播放的全部

使用WHSR工具檢查網站字體腳本
我們內部開發的工具可以檢查網站使用的字體腳本(簽出– WHSR工具).

如果你和我一樣,那麼你可能會花很多時間在網上,閱讀和訪問大量的網站。 因此,當網站使用良好的排版來補充其網站的視覺設計時,您會感激不盡。

當您使用令人賞心悅目的網絡安全字體時,您的用戶將會感激不盡,並且更願意回來並消費更多內容。 你還在等什麼? 開始使用這些字體和 打造一個很棒的網站 為了您的業務!

閱讀更多:

作者照片

Azreen Azmi 的文章