萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 網頁設計中最常見的30款英文字體

網頁設計中最常見的30款英文字體

   關於英文字體,對我們網頁設計師朋友們來說一定並不陌生,即使我們很少做英文語系的網站,但在浏覽國外網站的時候,大家一定都會有或多或少的認識。其實不單單是在網頁中,很多移動操作系統和浏覽器中都廣泛使用了今天我們即將介紹的這些字體。

  想必大家也都能猜出來像 Arial、Helvetica 這種大名鼎鼎的字體肯定在裡面了,那麼還有什麼呢?一起來詳細了解一下吧!

  首先,補充個小知識:

  1.網頁設計中的英文字體,一般有以下五類:

  serif(襯線)

  sans-serif(無襯線)

  monospace(等寬)

  fantasy(夢幻)

  cuisive(花體)

  網頁設計中最常見的無襯線字體

  在常見的兩種字體風格中,襯線體的筆劃感太”過”,不是特別的商業。隨著瑞士設計風格的大力推廣,無襯線字體變得愈發流行起來。

  建議: 個人認為 Tahoma 以及 Verdana 字符編碼效果最好 ,適用於多種環境

  Arial

  字體族科:Arial, “Helvetica Neue”, Helvetica

  變體:

  Arial:有時稱為Arial Regular以便與Arial Narrow區別,其包括Arial、Arial Italic(斜體)、Arial Bold(粗體)、Arial Bold Italic(粗斜體)和Arial Unicode MS

  Arial Black:此字體的特色在於其筆畫相當的粗,包含Arial Black、Arial Black Italic(斜體)

  Arial Narrow:為Arial的細瘦版本,包含Arial Narrow Regular、Arial Narrow Bold(粗體)、Arial Narrow Italic(斜體)和Arial Narrow Bold Italic(粗斜體)

  Arial Rounded:包含Arial Rounded Bold(粗體),此字體可在微軟韓文字體Gulim找到

  ——以上來自百度百科

網頁設計中最常見的30款英文字體 三聯

  Avant Garde

  字體族科包括: “Avant Garde”, Avantgarde, “Century Gothic”, CenturyGothic, “AppleGothic”;

Avant Garde: cool sans serif font.

  Calibri

  字體族科包括: Calibri, Candara, Segoe, “Segoe UI”, Optima, Arial,;

  Calibri,一種無襯線字體,為微軟Microsoft Office 2007套裝軟件的默認字體,取代先前Microsoft Word的默認字體Times New Roman以及PowerPoint、Excel和Outlook的默認字體Arial。

  Calibri是搭發布於微軟Windows Vista六種英文ClearType字體的其中一種,是Microsoft Word默認字體的第一個無襯線字體,先前則是使用Times New Roman為默認字體。

Calibri: the finest font microsoft developed.

  Candara

  字體族科包括: Candara, Calibri, Segoe, “Segoe UI”, Optima, Arial

  Candara是一種無襯線字體,為字型設計師Gary Munch為微軟所開發,附帶於Windows Vista中發行。——Wiki百科

Candara: a unique font

  Franklin Gothic Medium

  字體族科包括: “Franklin Gothic Medium”, “Franklin Gothic”, “ITC Franklin Gothic”, Arial, sans-serif;

Franklin Gothic: one of the most popular fonts among designers.

  Futura

  字體族科包括:: Futura, “Trebuchet MS”, Arial;

  Futura靈感來自包豪斯,繼包豪斯的設計理念,設計師保羅倫納1924年至1926年首次創建Futura。雖然倫納是不是包豪斯的成員,但是他贊同其很多觀點,他認為現代的字體應該表達出現代模式,而不是成為過去字體的延續。Futura商業授權發行於1927年,由鮑爾型鑄造廠投產。

Futura凸版

  在設計 Futura 的過程中,倫納避免產生任何非必要的元素,借鑒了無襯線的基本幾何比例。Futura的清脆、干淨的形式反映了其效率感,魯莽的外觀即使在現如今也已經淡淡退出了。

  Futura成功催生了新的幾何無襯線字體,如卡貝爾和世紀哥特式,其中包括的范圍。現在超過80自成立以來,許多代工廠已經公布Futura變化的數字形式年,Adobe公司作為最常用的一個。幾個國際公司還利用自己的Futura定制的版本,包括大眾汽車(可見其著名的廣告)和宜家。——Wiki

Futura: ironically, looks a little vintage.

  Helvetica

  字體族科包括: “Helvetica Neue”, Helvetica, Arial;

  Helvetica被視作現代主義在字體設計界的典型代表。按照現代主義的觀點,字體應該”像一個透明的容器一樣”,使得讀者在閱讀的時候專注於文字所表達的內容,而不會關注文字本身所使用的字體。由於這種特點的存在,使得Helvetica適合用於表達各種各樣的信息,並且在平面設計界獲得了廣泛的應用。

  Helvetica最常見的派生字體,應該是Monotype公司於1982年出品的”Arial“字體。雖然在很多細節上與Helvetica有所不同,但許多非專業人士很容易將兩者混淆。Arial字體隨著Microsoft Windows操作系統的附贈而迅速普及。

  斯滕佩爾公司於1983年發布改進版本的Neue Helvetica。原來的Helvetica字體家族只有31種,新版本的Neue Helvetica有51種,而且以Univers為參照進行編號,以Neue Helvetica 55 Roman為基准,數字第一位為粗細,第二位為風格。現在Helvetica以及Neue Helvetica由於企業收購合並的原因,成為Linotype公司的商品和商標。

  Linotype公司在1983年發布”Neue Helvetica”字體。增加了更多不同的粗細與寬度的選擇。——Wiki

Helvetica: the font that revolutionized the industry.

  Impact

  字體族科包括: Impact, Haettenschweiler, “Franklin Gothic Bold”, Charcoal, “Helvetica Inserat”, “Bitstream Vera Sans Bold”, “Arial Black”;

  Impact是一個由設計師喬佛瑞·李在1965年發表的一個無襯線字體,其特粗的筆畫、緊縮的間距以及狹窄內部空間為其特點,正如其名impact(壓緊)所指。此字型的x字高相當大,幾乎接近其大寫字母的三分之二,因此升部相當短小,降部更是如此。因為字體較為粗犷,適合使用在標題上,而不常用在內文。

  Impact是網頁核心字型的其中一個字體,跟著Microsoft Windows系統一同發布。

Impact: ideal font for creating headings.

  Optima

  字體族科包括: Optima, Segoe, “Segoe UI”, Candara, Calibri, Arial;

  奧普蒂瑪體(Optima)是一款英文無襯線體。最初是為德國著名字體設計師赫爾曼·察普夫為法蘭克福的D. Stempel AG foundry公司在1952年至1955年左右設計的。

  在字體分類上,雖然這個字體沒有襯線而被分類為無襯線體,它卻與多數的無襯線字體不同,奧普蒂瑪體的橫豎筆畫的粗細並不一致,橫比豎要細一些,因此字體看起來兼具優雅、簡練的風格,受到大眾的喜愛。

  2003年,Linotype公司發布一個”Optima Nova”字體。這個Optima Nova的制作是在察普夫的協助下,由日本的小林章進行設計的。與Frutiger字體的改刻版”Frutiger Next”一樣,在制作的事後不是單純傾斜,而是另外操刀制作了斜體,提高了細節的設計質量。——Wiki

Optima: Modern and sleek font loved by designers.

  Tahoma

  字體族科包括: Tahoma, Verdana, Segoe;

  Tahoma是一個十分常見的無襯線字體,字體結構和Verdana很相似,其字符間距較小,而且對Unicode字集的支持范圍較大。

  Tahoma和Verdana師出同門,同為名設計師馬修·卡特(Matthew Carter)的作品,由微軟在1994年推出。許多不喜歡Arial字體的人常常會改用Tahoma來代替,除了是因為Tahoma很容易取得之外,也是因為Tahoma沒有一些Arial

copyright © 萬盛學電腦網 all rights reserved