英文 | https://bootcamp.uxdesign.cc/how-to-make-ugly-arial-look-hella-good-d92f51e61c1b
翻譯 | web前端開發公衆号
無論你是否喜歡Arial字型，但是它到處都是，有時你别無選擇，隻能與它合作。也許你的客戶喜歡Arial，也許是你需要使用的品牌字型，或者你的電子郵件需要網絡安全字型。總而言之，隻要PC始終存在并繼續偏愛Arial，設計師就應該學會與Arial成為朋友。
公平地說，Arial看起來很糟糕，實際上是仿制Helvetica，這不是一個可怕的字型。對于線上閱讀，Arial字型清晰易讀，是以實際上是不錯的選擇。
但是，将Arial用作顯示字型時（例如，用于标題和标題），它可能看起來很乏味并且缺乏個性。
當你将Arial用作顯示字型時，可以通過以下幾種方法使Arial看起來更好。所有這些技巧都可以在保留Arial動态文本的同時進行，而不是概述或栅格化。
Arial hack＃1：️收緊它！
此技巧适用于Arial Regular和Arial Bold。通過使用帶有負值的字母間距CSS屬性，也可以輕松地将其應用于網頁。
設計人員通常會減少用作顯示字型的字型的字母間距。Apple的San Francisco字型甚至帶有文本版本和顯示版本，其中顯示版本在字元之間具有較小的内置間距，進而節省了設計人員的時間。
Arial hack＃2：用所有大寫字母隔開空間
這是設計師廣泛使用的另一種經典版式處理方法。與較大的字型配對時，這種字型處理也可以很好地用作副标題或智語。
不要忘記減小字型大小并確定周圍的空白區域具有優雅的外觀。
Arial hack＃3：緊緊堆疊
阿裡亞爾是你嗎？你打賭它是！這種類型的處理對于日常使用來說可能太多了，但其大聲的視覺效果使其非常适合标注或徽标。
可選：使用Arial Bold并減少字距調整，以産生更顯着的效果（如上所示）。
Arial hack＃4：以不同的權重混合
将Arial Regular與Arial Bold或Arial Black配對。另外，将其與hack＃1的更嚴格的字距調整結合使用，可獲得更緊湊的外觀。
這是一個簡單的技巧，非常适合在标題中強調幾個單詞，同時建立獨特的外觀。
Arial hack＃5：輪廓大寫的Arial黑色
對于所有極簡主義者，通過使用帶有1px輪廓的Arial Black，你可以建立一個光滑而現代的風格。這可以在你的設計軟體和CSS中完成。
将其反轉并與黑色背景配對将使其成為你見過的最糟糕的Arial。
專家提示：你可以混合搭配以上所有技巧
嘗試使用不同的字母大小寫（所有大寫字母，标題大小寫，小寫字母），間距，字型粗細，文本對齊方式以及内聯與堆疊。可能性是無止境。
所有這些技巧都可以同時應用于其他字型，是以如果沒有嘗試的話也可以嘗試一下。我專注于Arial，因為與Arial合作似乎是一種普遍的鬥争。
我們都讨厭Arial，但是……。
Arial是當今最受歡迎的字型之一。不得不使用它可能并不令人愉快，但并不是設計師必須要在限制條件下工作的消息。沒有人喜歡Arial，但如果你無法擊敗他們，請加入他們。擁抱Arial，它将為你帶來奇迹。
感謝閱讀，希望今天的内容對你有幫助。