容性設計是一個熱門的話題，它拒絕少數服從多數，也不是讓多數配合少數，而是保持對大眾的廣泛關注，創造出擁有足夠包容性的好設計。從這個層面上來說，設計的可訪問性必須做到足夠好，盡量讓大家都能輕松方便地享受設計的成果，良好的對比度，普適的交互模式，以及我們提的最多的正確的字體選取。

　　值得一提的是，不僅僅是公共機構的網站需要注意選取可訪問性優異的字體，品牌和企業的網站中字體的選取同樣需要精心挑選。但是，你如何確定哪些字體合適？這是否意味著要在設計上做妥協？

　　并不一定。今天我們來聊聊英文字體的選取的技巧，下面的12條技巧，應當能給你足夠的幫助，幫你選取擁有足夠包容性和可訪問性的英文字體。（注意，這里討論的是挑選盡可能讓所有人都能清晰閱讀的字體，尋找展示性、個性化、強形式感的功能性字體是另一個問題。）

　　1、盡量不要選擇那些看起來就非常童趣的字體，完全沒有這個必要。這是相當常見的錯誤，原因也很明顯：挑選一款高包容性、可訪問性好的字體的時候，它的平衡性和實用性同個性化同樣重要。

　　2、有些字體設計風格會讓特定的幾個字母之間的識別度降低。最常見的就是數字 “8″ 和大寫字母 “B”，大寫的 “I (i)” 和小寫字母 “l (L)” 之間的識別度問題。選擇帶有襯線的字體能夠讓小寫字母“i”和大寫字母 “I” 更好地被分辨出來，即便是在較小的屏幕上。如果字體中的小寫字母 “a” 是雙層結構則能很好的同小寫字母 “o” 區分開。

　　3、如果你需要在標題或者頭條的位置使用較少的文本，而字體大小在16pt 及以上的時候，那么使用筆畫較為舒展、內外空間都比較大的非襯線體是相當不錯的。

　　pt 也就是 Point ，而我們常說的 px 指的是像素 Pixel，兩者有著明顯的差異。pt 源自平面印刷領域，指的是1/72 英寸，是一個固定的長度，而px 指的是像素點，在iPhone 3GS 上 5px 的物理長度和 iPhone 6s 上 5px 的物理長度是不一樣的，前者由于像素密度低從而導致5px 的物理長度更長。所以，px 是一個“相對長度”單位，而 pt 是一個“絕對長度”單位。

　　4、在選取網頁字體的時候，盡量選取 X高度較大的字體。X高度覆蓋的區域是閱讀的主體，而上伸部和下降部則為每個字母提供了足夠的識別度。上升部應該比大寫字母稍微高一點。

　　X高度通常指的是小寫字母的平均高度，之所以為稱為x高度是應為通常拿字母x作為參考。諸如字母 “h” 和 “f” 超出X高度的部分被稱為 Ascender，也就是上伸部。而字母 “p” 和 “g” 下方低于X高度的部位則被稱為 Descender，即是下降部。

　　5、盡量挑選內部空間均衡、外部輪廓銳利、末端清晰的字體，當字體較小的時候，字母之間距離縮小靠近，空間會被模糊、填充，會影響識別度和可讀性。

　　西文字體設計存在“External Counter”和“Internal Counter”的概念，通常稱之為外部空間和內部空間。小寫字母 “a” 和 “e” 的字母內部兩個空白區域即為內部空間，如果某部分內部空間比較小，當字體尺寸較小的時候，會降低識別度。諸如字母 “r” 和 “n” 則需要注意它們外輪廓的細節銳利度和那些勾勒細節的外部空間，也就是豎線和弧線之間所夾的空間。如果外部空間較小，在字母間距較小的情況下”rn” 和 “m” 就很難分辨了。

　　6、數字的設計也應該有特色，尤其是數字 “0″ 應當同大寫字母 “O” 有顯著的差別，而數字 “6″ 和 “9″ 的末端開口應當足夠舒展開闊。

　　7、字母的X高度和筆畫寬度之間有一個最佳比例，為了達到最佳可讀性，通常筆畫寬度應該控制在X高度的17%~20%。

　　8、挑選小寫字母 “t” 上面的一橫相對長一些的字體，這樣字母的識別度會更高。

　　9、大寫字母 “Q” 底部的尾巴能增強字母的識別度，字體選取的時候應當注意這個細節。

　　10、字母之間的間距應當均勻而富有韻律感，這樣能提升字母的可讀性和識別度。間距太大太小都會讓人感覺不適。

　　11、在黑色的背景下，將字體色彩設定為白色，輸入一段文字，查看它們的顯示效果。如果字母之間間距看起來比較小，字母的形狀看起來像在“發光”，從而令字母仿佛比單獨看更粗的話，那么你應當選取筆畫更細的字體。

　　12、你應當挑選字重范圍更廣的字體族，這樣當你在設定不同平臺、不同屏幕尺寸、不同設備下的顯示效果的時候，可以更加輕松自由地找到對的效果。

網站的基本原理主要涉及以下幾個方面： **一、技術架構** 1. 客戶端-服務器模型   - 網站基于客戶端-服務器架構運行。客戶端通常是用戶使用的瀏覽器，如 Chrome、Firefox、Safari 等。當用戶在瀏覽器中輸入網址（URL）并按下回車鍵時，瀏覽器會向服務器發送請求。   - 服務器是存儲網站文件和數據的計算機系統。服務器接收到客戶端的請求后，會根據請求的內容返回相應的文件和數據。 2. 服務器端技術   - 服務器端通常使用服務器軟件，如 Apache、Nginx、IIS 等，來處理客戶端的請求。服務器軟件負責接收請求、解析請求、查找相應的文件和數據，并將其返回給客戶端。   - 服務器端還可以使用編程語言和框架，如 PHP、Python、Java、Ruby on Rails 等，來動態生成網頁內容。這些編程語言和框架可以與數據庫系統（如 MySQL、PostgreSQL、MongoDB 等）進行交互，獲取和存儲數據。 3. 客戶端技術   - 客戶端主要使用 HTML、CSS 和 JavaScript 等技術來顯示網頁內容和實現交互功能。HTML（超文本標記語言）用于定義網頁的結構和內容，CSS（層疊樣式表）用于控制網頁的外觀和布局，JavaScript 用于實現網頁的交互效果和動態功能。 **二、工作流程** 1. 用戶請求   - 用戶在瀏覽器中輸入網址或點擊鏈接，瀏覽器會向服務器發送 HTTP 請求。請求中包含了要訪問的網頁的 URL、請求方法（如 GET、POST 等）、請求頭和請求體等信息。 2. 服務器響應   - 服務器接收到請求后，會根據請求的 URL 和服務器的配置，查找相應的文件和數據。如果請求的是靜態文件（如 HTML、CSS、JavaScript、圖片等），服務器會直接將文件返回給客戶端。如果請求的是動態內容（如由服務器端編程語言生成的網頁），服務器會執行相應的程序代碼，生成網頁內容，并將其返回給客戶端。   - 服務器返回的響應通常包括響應狀態碼（如 200 OK、404 Not Found 等）、響應頭和響應體等信息。響應體中包含了網頁的內容，可以是 HTML 代碼、JSON 數據、圖片等。 3. 瀏覽器渲染   - 客戶端瀏覽器接收到服務器的響應后，會根據響應的內容進行渲染。瀏覽器首先解析 HTML 代碼，構建網頁的結構。然后，瀏覽器會應用 CSS 樣式，控制網頁的外觀和布局。最后，瀏覽器會執行 JavaScript 代碼，實現網頁的交互效果和動態功能。   - 瀏覽器在渲染網頁的過程中，可能會向服務器發送額外的請求，如獲取圖片、視頻、字體等資源。這些請求也會按照上述的工作流程進行處理。 **三、數據存儲和傳輸** 1. 數據存儲   - 網站的數據可以存儲在服務器端的數據庫系統中，也可以存儲在文件系統中。數據庫系統通常用于存儲結構化的數據，如用戶信息、文章內容、訂單數據等。文件系統通常用于存儲非結構化的數據，如圖片、視頻、音頻等。 2. 數據傳輸   - 客戶端和服務器之間的數據傳輸通常使用 HTTP 協議。HTTP 是一種無狀態的協議，即服務器不會記住客戶端的請求歷史。為了實現狀態管理，網站通常會使用 Cookie 和 Session 等技術。Cookie 是存儲在客戶端瀏覽器中的小文件，用于存儲用戶的信息和狀態。Session 是存儲在服務器端的會話數據，用于跟蹤用戶的會話狀態。 總之，網站的基本原理是基于客戶端-服務器模型，通過 HTTP 協議進行數據傳輸，使用 HTML、CSS 和 JavaScript 等技術來顯示網頁內容和實現交互功能，使用數據庫系統和文件系統來存儲數據。理解網站的基本原理對于網站開發、維護和優化都非常重要。

網站關鍵詞：網站建設  網站設計  網站制作  上海網站建設  上海網站設計  上海網站制作  上海網絡公司  網站建設上海  上海做網站  上海建設網站  上海做網站公司  上海建網站公司  上海高端網站建設  上海手機網站建設  怎么建設網站  如何建設網站  營銷網站建設  品牌網站建設  網站建設方案  響應式網站建設  外貿網站建設  公司網站建設  建設網站  網站建設服務  高端網站建設  網站優化服務  上海網站公司  企業網站設計  官網制作  官網建設  官網設計  網站建設公司  網站設計公司  網站制作公司