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

更新日期:25年2021月XNUMX日/文章作者:Azreen Azmi

揭露聲明:WHSR 是讀者支持的。 當您通過我們的鏈接購買時,我們可能會賺取佣金。

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. 加載header.php文件
  2. 複製字體源代碼/標準代碼(請參閱參考資料1)
  3. 將代碼粘貼到頭文件的頂部。
  4. (請參閱參考資料2)

參考1

參考2

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

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

1。 宋體

Web Safe Fonts - Arial

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

2。 宋體

Web Safe Fonts - Calibri

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

3。 黑體

Web Safe Fonts - Helvetica

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

4。 Segoe UI

Web Safe Fonts -  Segoe UI

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

5。 投石機MS

Web Safe Fonts - Trebuchet

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

6。 坎布里亞

Web Safe Fonts - Cambria

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

7。 帕拉蒂諾

Web Safe Fonts - Palatino

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

8。 佩蓓

Web Safe Fonts - Perpetua

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

9。 格魯吉亞

Web Safe Fonts - Georgia

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

10。 索拉

Web Safe Fonts - Consolas

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

11。 快遞新

Web Safe Fonts - Courier New

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

12。 宋體

Web Safe Fonts - Tahoma

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

13。 宋體

Web Safe Fonts - Verdana

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

14。 遠艦

Web Safe Fonts - Optima

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

15。 吉爾桑斯

Web Safe Fonts - Gill Sans

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

16。 世紀哥特式

Web Safe Fonts - Century Gothic

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

17。 Candara

Web Safe Fonts - Candara

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

18。 安達爾莫諾

Web Safe Fonts -  Andale Mono

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

19。 狄多

Web Safe Fonts - Didot

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

20。 銅板哥特式

Web Safe Fonts - Copperplate

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

21。 羅克韋爾

Web Safe Fonts - Rockwell

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

22。 波多尼

Web Safe Fonts - Bodoni

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

23。 富蘭克林哥特式

Web Safe Fonts - franklin Gothic

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

24。 碰撞

Web Safe Fonts - Impact

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

25。 Calisto MT

Web Safe Fonts - Calisto

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

要檢查的字體工具

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

字體對

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

Wordmark.it

如果您想要使用某種字體快速預覽文本的樣子, Wordmark.it 讓您即時預覽文本在多個字體上的顯示方式。 只需在首頁欄上輸入一個單詞或短語,按回車鍵即可顯示帶有不同字體的文字,如Candara或Lucida Console。

WhatTheFont

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

這是關於字體播放的全部

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

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

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

閱讀更多:

關於Azreen Azmi

Azreen Azmi是一位喜歡撰寫內容營銷和技術的作家。 從YouTube到Twitch,他試圖與最新的內容創作保持聯繫,並找到推廣品牌的最佳方式。

連接: