Web安全字體

如何選擇最適合您的網站的字體

看看任何網站,不管行業,公司規模或其他差異化因素如何,您肯定會看到他們共同的是文本內容。 文本顯示的方式是印刷設計的做法,它是網站外觀和感覺以及其成功的最重要方面之一。

多年來,如果網頁設計師希望這些字體可靠地出現在他們正在創建的網站上,他們可以使用的字體數量受到限制。 在大多數計算機上找到的這些字體被稱為“網絡安全字體”。 您可能從網頁設計師那裡聽說過這個詞,因為他們試圖向您解釋為什麼某些字體選擇無法用於您網站的設計。

在過去的幾年中, 網頁排版已經走過了很長的路,網頁設計師和開發人員不再僅限於使用這些少數網頁安全字體。 Web字體的崛起以及直接鏈接到字體文件的能力為網站字體使用開闢了一個全新的可能性世界。 儘管現在可以訪問如此多的新字體選項,但這些嘗試過且真正的Web安全字體在現代網頁設計中仍然佔有重要地位。

鏈接到Web字體

在您的網站上使用的字體可能不在某人的電腦上,您需要鏈接到一個網絡字體文件,並指示您的網站使用該字體文件,而不是在訪問者的電腦上查看。 將這些外部字體鏈接到網站資產的其他部分,或者可以使用第三方字體服務鏈接到這些外部字體,可以為您提供幾乎無限的字體選擇,但是這樣做的好處是有代價的。 外部字體需要加載到網站上,這會對網頁的加載時間產生性能影響 。 這是Web安全字體仍然可以帶來的好處! 由於這些字體文件是直接從訪問者的計算機中加載的,因此在加載網站時性能不會受到影響。 這就是為什麼許多網頁設計師現在使用需要與可靠的網頁安全字體一起下載的Web字體混合。 當您可以訪問一些新的和奇特的字體,同時仍能夠管理網站性能和總體下載影響時,這可以是兩全其美的。

無襯線字體安全字體

這種字體系列是您網絡安全字體的最佳選擇之一。 如果您將這些包含在您的字體堆棧中 ,幾乎所有人都會正確地看到該頁面。 一些常見的無襯線網頁安全字體是:

下面列出了一些其他的無襯線選擇,它們可以為您提供良好的整體覆蓋範圍,但可能會因某些計算機丟失。 請記住,如果你使用這些,你還必須在你的字體堆棧中包含一個更常見的作為備份的列表。

Serif Web安全字體

除了無襯線字體之外,襯線字體系列還是網站的另一個流行選擇。 如果您需要襯線字體,以下是您可以使用的一些最安全的賭注:

再一次,下面的列表是將在許多計算機上使用的字體,但是其總體覆蓋率較低,如上面的列表。 您可以非常可靠地使用這些字體,但也應該在字體堆棧中包含更常見的serif字體(來自上面的列表)。

等寬字體

雖然沒有像serif和sans-serif字體那樣廣泛使用,但等寬字體也是一種選擇。 這些字體的特徵是所有字母都是等距分開的。 他們沒有像跨平台一樣廣泛接受,但如果你想使用等寬字體,這是你最好的選擇:

這些字體也有一些覆蓋。

草書和幻想字體

草書和幻想字體不是流行的襯線或無襯線字體,而這些字體的華麗特性使它們不適合用作正文拷貝。 這些字體更常用作標題和標題,它們以較大的字體大小設置,僅用於短文本的突發。 在風格上,這些字體可能看起來非常棒,但您需要權衡字體的外觀與使用它們設置的任何文本的可讀性。

Windows和Macintosh上只有一種草書字體,但在Linux上不能。 它是漫畫Sans MS。 沒有幻想字體在瀏覽器和操作系統上有很好的覆蓋率。 這意味著如果您在網站上使用幻想字體的草書,您可能將它們用作網絡字體並鏈接到相應的字體文件。

智能手機和移動設備

如果您正在為移動設備設計頁面 ,則Web安全字體選擇是可變的。 對於iPhone,iPod和iPad設備,通用字體包括:

在考慮多設備設計時,Web字體是一個很好的選擇,因為能夠加載外部字體能夠為設備提供更一致的外觀。 然後,您可以使用一兩個網頁安全選項來鍛煉那些下載的字體,以獲得網站成功所需的外觀和性能。

Jennifer Krynin的原創文章。 由傑里米吉拉德在8/8/17編輯