網站建設中什么是可變字體？

顯示筆記

每周更新：

• 品牌插圖系統(tǒng)：具有強大的視覺識別力
• 努力應對交通激增
• 建立CSS布局：Rachel Andrew直播
• 2019年網頁設計和開發(fā)出現(xiàn)綜述
• 您的投資組合網站應該是PWA嗎？

可變字體

• 在rwt.io上找到Jason在網上
• 網絡印刷新聞通訊
• 可變字體：網絡作者需要了解的內容
• 艾倫·盧普頓（Ellen Lupton）的《類型思維》
• 埃里克·斯皮克曼（Erik Spiekermann）的書《停止偷羊并找出字體的工作原理》

成績單

DREW MCLELLAN：他是設計策略師，UX負責人，技術專家，網絡排版專家，并且是W3C Web字體工作組的邀請專家。他撰寫，演講并與團隊和品牌所有者合作，探討如何在數(shù)字平臺上更好地設置字體。他曾與Adobe，Audible，CondéNast，GoDaddy，IBM等組織進行過交談，并在世界各地進行了演講，研討會和會議。他的時事通訊《網絡印刷術新聞》在那些希望獲得網絡印刷術最新更新和技巧的人中很受歡迎。他顯然是網絡排版方面的專家。但是您知道他在1984年奧運會上代表瑞典參加了草地槌球賽嗎？我的朋友們，歡迎Jason Pamental。哈Ja，杰森 你好嗎？

杰森·帕門塔爾（JASON PAMENTAL）：我在砸。特別是在介紹之后。

德魯：我今天想明顯地和您談談網絡排版，因為那確實是您的事。您是Web排版的真正專家。通常，但特別是談論可變字體。我將是第一個承認我不是印刷專家的人。我的意思是，請認為我沒有任何人在聽。您不能使用有關排版的任何信息來光顧我。我想大概十年來我們已經在網絡上擁有可用的網絡字體。那正確嗎？

杰森：是的。其實，不是不是幾天前在Twitter上開始的事情嗎？就像2009年11月9日。距Typekit推出已有兩天了。我知道Font Deck在同一時間段是正確的。然后不久之后，谷歌字體和Monotype服務。我收到了我的朋友John Cianci發(fā)出的Beta版邀請，John Cianci現(xiàn)在實際上仍然是我妻子所在機構的同事，她在2009年某個時候與Typekit一起工作。那完全是我對網絡興趣的完全重塑。 。我的意思是，這對我來說簡直就是一場革命。我的意思是，當我在學校學習排版時，我一直很喜歡排版，但是15年來我們在網絡上什么都做不了。那真是太神奇了。

德魯：現(xiàn)在必須有從事網絡工作的設計師擁有10年以上的網絡字體。現(xiàn)在有一些正在網上工作的設計師，他們從來沒有設計過一個無法從眾多字體中進行選擇的網站。

杰森：是的，是的。沒有這種經驗的人都沒有像我們長大后那樣向兩個方向上推像素。我們不是一些老套老頭在空中揮舞著拳頭。但是，是的，對于所有在網絡上發(fā)生了變化的事物來說，這都是令人驚奇的，有些人從未以其他方式經歷過的想法非常了不起。

德魯：當我們獲得網絡字體時，這是我們開始在網絡上使用印刷術的方式的重大轉變，因為我們可以真正開始在網絡上使用印刷術。顯然，我們可以使用網絡安全字體進行某些操作，但是我們僅限于非常受限制的調色板。但是，現(xiàn)在可能會出現(xiàn)另一大變化，而可變字體可能會產生同樣的意義。我的意思是，什么是可變字體？他們?yōu)槲覀冏鍪裁矗?/span>我們從哪里開始？

賈森（JASON）：我總是嘗試著先給人們一個參考框架。因此，當我們考慮在網絡上使用字體時，我們要記住的是，當前使用“傳統(tǒng)”字體時，每種字體都是該字體的寬度，粗細，傾斜度，變體。對于我們要在網絡上使用的每個文件，我們都必須加載一個文件。對于將其用于正文復制的典型網站，通常會加載四種字體：常規(guī)，粗體，斜體和粗體斜體。所有這些東西都必須加載。這些中的每一個都是一小部分必須下載，處理和呈現(xiàn)的數(shù)據(jù)。

賈森：因此，通常情況下，我們多年來所做的工作僅限于使用很少的字體，這實際上并不是特別好的排版習慣。在圖形設計中使用更廣泛的范圍更為常見。在給定的設計中，您可以使用八種或十種不同的粗細和字體變體。在網絡上，由于性能原因，我們受到了很大的限制。可變字體的最大區(qū)別是所有這些排列，這些變化都包含在單個文件中。這種格式非常有效，因為它的作用是存儲該字符的常規(guī)形狀，然后存儲這些曲線上的點將移動以將其呈現(xiàn)為粗體，細體，寬體或窄體的三角洲。

杰森：因此，只需存儲差異，就不必存儲整個輪廓。這是一種更為有效的格式。盡管它不如單個字體文件那么小，但仍然比單獨使用的所有單個字體文件小得多。如果您查看來自IBM的Plex Sans之類的文件，那么所有這些單獨的文件可能都接近一兆字節(jié)，其中兩個可變字體文件在一個文件中包含所有豎線的寬度和粗細，而另一個文件中的斜體則為230K。這是用于非常非常完整的字符集。大多數(shù)人可以使用其中的一部分并將其縮小。我通常會看到典型的西語網站需要的文件大小在50到100K之間。這與加載沒有什么不同……加載三個或四個單獨的字體文件后，您可能加載的數(shù)據(jù)會更多。

德魯：所以這幾乎就像是交付食譜而不是用餐。而不是斜體字，而是粗體字。就像，“這是普通版本，將其設為斜體，可以執(zhí)行此操作，使其變?yōu)榇煮w，您可以執(zhí)行此操作?！边@樣可以減小整個網絡上的文件大小。

杰森：是的。好吧，從某種意義上講，它可以為您提供所有食材，然后您可以制作任何想要的食譜。因為您真的可以在任何地方使用……從Plex的例子開始，從100到700的重量（其中700是典型的粗體），所以400是正常的重量。但是，那你就輕了很多。因此，您可以做大而細的行標題，塊引號或不同的項目，或者像強調一樣，然后可以調整您想要的粗體，使其具有不同的大小。您可以做各種不同的事情來獲得更好的排版，更好的用戶體驗，同時獲得更好的性能。那是看門人。

德魯（DREW）：因此，在我們今天所認為的常規(guī)和大膽之間，幾乎有無數(shù)的調整步驟？您實際上有能力沿該軸在任意位置進行調整嗎？

杰森：對。作為一個研究圖形設計并相當仔細地研究印刷設計的人，我認為這確實讓我感到興奮，基于您呈現(xiàn)的文本大小，真正變粗體的想法應該改變。因此，默認情況下，正常和粗體顯示的400和700就是網絡默認的設置。但實際上，您大膽喊出來的唯一原因是您想要強調，想要突出一些。但是字體越小字體越重，閱讀起來就越困難。它填充了小的開放空間。當將其設置為大約16像素大小或我們在此處使用的任何尺寸時，您可以使用550、575代替，而不是使用700進行正文復制，您可以在其中得到足夠的強調，但是字母形式仍然更加開放。然后，隨著它變大，您可能會使用更重的重量。

杰森（JASON）：但是，那時候還是您的選擇。通過進行調整，以便獲得適當?shù)膹娬{水平，同時又保持了很好的可讀性，我們有了更大的靈活性。我真的希望隨著這些變得越來越流行和更廣泛地使用，我們可以開始教會人們在使用該范圍的方式上多一點細微的差別，并同時變得更具表現(xiàn)力和可讀性。

德魯（DREW）：我注意到將設計實現(xiàn)為前端并實施設計的一件事情是，深色背景上的淺色文本與淺色背景上的淺色文本使用不同的顏色對比組合，權重看起來完全不同。因此，大概可以根據(jù)這樣的變化來幫助平衡和精細化視覺和閱讀體驗嗎？

杰森：絕對。我通常會在講習班和講座中展示的一件事就是增加對輕型媒體查詢的支持。您可以翻轉這種對比，但是您確實想以一種細微的方式進行對比。根據(jù)字體的不同，最終可能看起來很沉重或帶有襯線字體。有時您想稍微重一點或輕一點，但是當您將字母放在深色背景上時，您也往往需要將字母間隔開，否則字母會一起流血。排版中您可以調整的內容很少。媒體查詢非常簡單。我的意思是，將其添加到您的站點就像兩行代碼。這就是您要做的。不一定只是反轉顏色。有時您需要調整對比度

德魯：所以大概可以用可變字體來改變重量。還有其他方法可以更改顯示的字體嗎？

杰森：是的 這完全取決于類型設計師。我認為，這并不是所有瀏覽器都免費的功能，這確實很不錯。瀏覽器只能呈現(xiàn)字體中已啟用的內容。最終，類型設計師說到了這個范圍。您可能有一個寬度軸。它會變窄一點或變寬一點，但也具有所謂的對齊軸的功能。有寬度，重量，傾斜度，斜體和光學尺寸。這些都是映射到CSS屬性的核心內容。傾斜允許彼此之間形成一個角度，因此直立式和我實際上已經看到過既具有反向傾斜又具有向前傾斜的角度。那是完全開放的。斜體通常打開或關閉，但不一定。您實際上可以擁有...嗯，有一些字體設計師嘗試過將字母形式從正常變?yōu)樾斌w時逐漸改變，并在此過程中逐漸替換字母。那是一件有趣的事情。

杰森：但是，這里有自定義軸的功能。類型設計者可以定義他們想要改變的任何自定義軸。您已經看到了增加重力擴散滴度和各種有趣的扭曲形狀或延伸襯線，改變上升和下降高度的方法。在小寫字母形式上，更改是否為襯線。您可以做各種各樣的事情。這完全取決于類型設計師的想象力。我認為我們只是在摸索所有這些事情可能發(fā)生的現(xiàn)實。所有這些都可以通過CSS訪問。

德魯：是的。所有這些屬性都可以通過其余設計中提供的普通CSS進行調整。我們可以在CSS中做些什么來觸發(fā)這些更改？就像我們將使用媒體查詢來觸發(fā)響應式布局一樣嗎？

杰森：您可以通過多種方式來做到這一點。您需要進行一些小的更改。我假設我們將提供一些指向某些內容的鏈接，這些鏈接將幫助人們使用這些內容。我的意思是，我寫了一堆。希望這會幫助人們。然后在使用方面，將字體粗細軸僅映射到字體粗細。您無需提供常規(guī)的粗體字，只需提供一個數(shù)字即可。您可以使用媒體查詢來更改它。您可以使用JavaScript進行更改。您可以隨心所欲地做到這一點。我一直在使用一種稱為CSS Locks的技術，該技術是我從Tim Brown中學到的，基本上使用數(shù)學。CSS自定義屬性和計算可對其進行縮放，一旦您碰到一個小的斷點到一個大的斷點，它就可以平滑地縮放字體大小和行高。

杰森：然后，如果需要，您還可以使用一些JavaScript來處理它們的重量。粗細軸映射為字體粗細，即CSS屬性。字體中的寬度軸將映射到字體拉伸，僅表示為百分比。我應該注意，許多類型設計人員并不一定要考慮它的表達方式，因此您可能會看到重量范圍從400到650的怪異事物。您仍然必須將其表達為百分比，但是它可以工作。沒關系。您只需要知道什么是正常字體并記錄所有字體即可。然后，除了這兩個以外的其他任何東西，目前在傾斜和斜體的實現(xiàn)中都存在一些不均衡的支持。您需要將其中的許多內容都歸結為使用字體變化設置，然后您可以一次提供多個內容。有點像字體功能設置。這是一種較低層的語法，您可以在其中提供一個用逗號分隔的四個字母軸和值列表，下一個，下一個。

杰森：人們需要記住的一件事是，當您使用字體變化設置時，您會失去所有的語義理解，而您會失去后備功能。所有瀏覽器都普遍支持字體粗細和字體拉伸。您絕對應該使用這些屬性。對于其他任何事情，您都可以使用字體變化設置。但是以通常的方式使用字體權重的好處是，如果不加載可變字體，瀏覽器仍然可以執(zhí)行此操作。而如果它不理解可變字體或無法加載，而所有內容都在字體變體設置中，那么您將丟失所有樣式信息。只是在什么地方提供了一點說明。但我也應該說，大多數(shù)情況下您可能會遇到的所有運輸瀏覽器都支持它。I-11不起作用，但是您可以提供靜態(tài)Web字體，然后在CSS中使用廣告支持來轉換為可變字體。這樣一來，您就可以避免重復下載資產，并且效果很好。我已經在幾個站點上進行了生產。

德魯：我想就像您正在看到的許多更現(xiàn)代的Web技術一樣，是否有一種可變字體已經悄悄冒泡了一段時間，并且只有當它最終崩潰并且我們得到瀏覽器的支持時，像您這樣的人會為此制造噪音，并讓所有人都知道它在那里。標準的設計人員或開發(fā)人員幾乎每天都在忙于工作，卻沒有跟蹤所有最新下載的內容，幾乎可以感覺到。看起來好像從哪里冒出來的。但是我想這已經冒了很多……我的意思是，您提到了我們現(xiàn)在要處理的兩個略有不同的實現(xiàn)。有一種較舊和較新的實施標準嗎？

杰森（JASON）：嗯，實際上它并不老舊。他們都是非常有意的。我會再說一遍，因為確實值得理解它們之間的區(qū)別。但是你是對的。該格式是在三年前（即2016年9月）推出的。實際上，三周后，我們在夜間版本的Safari中首次實現(xiàn)了可行的實現(xiàn)。我們有了運行良好的瀏覽器，速度非?？臁?/span>Safari是第一個提供完全支持的瀏覽器。我想是高塞拉山脈出來的時候。我不知道，就像是Safari 12之類的東西。

杰森：但是不久之后，我們最終獲得了Firefox，Edge和Chrome的支持。實際上，我們已經擁有近兩年的瀏覽器支持。但是沒有很多字體。這種穩(wěn)定的發(fā)展一直存在。實際上，在網絡上使用它們的支持時間比其他任何地方都長。我的意思是，從技術上講，這種格式也適用于臺式機操作系統(tǒng)。因此，如果您使用的是TTF格式，則可以將其安裝在Windows或Mac上的臺式機操作系統(tǒng)中，并且可以在任何應用程序中使用它。您不一定總是可以無限地改變軸的使用方式，但是在字體文件中嵌入了命名實例的概念，這些實例將其映射回我們以前使用的形式。

杰森：例如，在Keynote中，不明確支持可變字體，但是如果出現(xiàn)類似Tech Sense之類的東西的話，這種格式確實可以工作。您將擁有那些常規(guī)，常規(guī)，常規(guī)粗體，窄體等內容，所有這些都將在下拉菜單中提供，就像安裝整個系列一樣。然后，如果您使用的是Illustrator或Photoshop，或者現(xiàn)在使用的是上周剛發(fā)布的InDesign或幾周前發(fā)布的Sketch，它們現(xiàn)在都支持可變字體，因此您可以訪問所有不同的軸并將其用于自己的游戲心滿意足。但是在瀏覽器中，這是我們需要處理的更多內容。從您的妻子那里得到一個提示，我一直在敲鼓，這已經有一段時間了，試圖讓人們更加了解它。然后，感謝Firefox團隊在創(chuàng)建開發(fā)人員工具方面所做的工作。

DREW：您提到了字體設計師和字體功能。有很多可用的字體嗎？

杰森：好吧，現(xiàn)在有很多人在做。找尋它們的最佳和最全面的地方是Nick Sherman的網站v-fonts.com，v-fonts.com。那只是一個目錄站點。它正在迅速變得非常非常大。現(xiàn)在，所有時間都在出現(xiàn)更多可變字體。開源代碼的數(shù)量不多，但是如果您在GitHub上搜索可變字體，實際上您會在那里找到很多項目。但是Google已經發(fā)布了他們的新API的Beta版，其中提供了大約12種可變字體。還有更多來自他們的東西。他們剛剛在recursive.design上發(fā)布了Recursive，這是Stephen Nixon出色的新字體。Plex變量（一個可用）是開源的。然后是大量的商業(yè)廣告。

杰森：關于這一點，最酷的是Monotype發(fā)布了一些相當大的版本。但是，很多小型鑄造廠和個人設計師都在引領這種格式的嘗試。我認為這對于設計和Web而言確實很棒，我們看到來自新設計師或較小設計師的所有這些新設計都在突破這一新領域。因為我喜歡看到他們成功，因為他們真的主動提出了一些很棒的建議。

DREW：我們是否看到將現(xiàn)有字體更新為可變字體，以用單個可變字體替換系列？這是真的嗎？

杰森：是的。Monotype發(fā)布的是對一些非常經典的字體的更新。FF Meta是我通過設計去年的演示來幫助他們啟動的一個。他們知道了。Univers，F(xiàn)rutiger，Avenir，我認為這是他們迄今為止發(fā)行的那四個。這些確實是核心經典品牌字樣。他們正在做更多的事情。我知道他們至少還有六打左右，處于不同的生產階段。我知道Dalton Maag為大型公司做了大量的自定義字體工作，其中有幾種非常好的可變字體。我一直在使用TypeTogether做一些工作。他們也有幾種非常好的字體。我知道那個...

賈森（JASON）：我已經在一些會議上向我展示了這些東西，我談到了阿迪達斯也有自己的東西，它們已經將近兩年來一直用于其所有印刷品品牌工作。真的是非常出色的東西。但馬克·西蒙森（Mark Simonson）也在研究Proxima Nova的可變版本。這很重要。那是有史以來最暢銷的網絡字體之一。正在發(fā)生。它的發(fā)生是零零碎碎的。但是，即使像訂閱Month Club字體的David Jonathan Ross這樣簡單的事情，也幾乎每個月都會為您提供可變字體。我的意思是，他對自己推出的東西真的非常不可思議。一年大概是$ 72。他一直在推出各種非常漂亮的東西。

德魯：那很有趣，因為很明顯，有了可變字體的功能，您就可以創(chuàng)建利用這些字體的新設計。但是潛在地，可能會有一些網站在生產中，那里現(xiàn)在有可變字體版本，有人可以回去，重新訪問它，并使用基于新可變字體版本的新實現(xiàn)替換多個字體文件。

杰森：是的，絕對。這是我經常收到的一些問題。最近，我在看一個相當大的體育廣播網站，開發(fā)團隊向我詢問了同樣的問題。我看了一下，當然可以肯定的是，對于他們使用的兩種字體，有可用的可變字體。快速的研究表明，我們可以用兩個可變字體文件替換一個字體的四個實例，再替換三個字體的三個實例，并在五個請求中占用文件大小的70％以上。我的意思是，從性能的角度來看，這將是一個問題。對于真正的大型站點，當您考慮消除數(shù)百萬用戶的近300K數(shù)據(jù)下載時，實際上總共可以節(jié)省成本和帶寬成本。即使從純粹的實際角度出發(fā)，也無需重寫任何CSS，只需替換這些字體，

德魯：實際上，這聽起來是否簡單，只是將其中一個換成另一個？

杰森：有可能。我認為，最好的例子就是Google在9月份隨便在ATypI上溜走了，他們已經開始與奧斯瓦爾德（Oswald）進行這種交流，每天達到1.5億次。他們制作了可變字體版本，然后才開始在使用足夠多實例的網站上進行沖浪，從而帶來很多好處。他們沒有告訴任何人。他們沒有告訴網站所有者。無需做任何事情。由于它具有權重軸的正確映射，因此默認設置將起作用。每天有1.5億次字體提供。這開始使他們更好地了解如果他們可以開始轉換他們所使用的前五種網絡字體，那么對他們來說這是什么樣的情況？我假設Open Sans可能是其中之一。我知道Lato可能在里面，Roboto。

JASON：因此，如果您查看這些內容并查看它們的優(yōu)化版本，那么您會發(fā)現(xiàn)Google對此感興趣的原因非常明確。然后，如果您從另一側看，則是設計空間，以及如果公司使用自己的全部字樣，而不必交換其他字樣或更多字樣，那么公司對品牌聲音的真實程度可能會更高受其調色板限制。因此，在該頻譜的兩端都需要學習和探索真正有趣的事情。

德魯：這聽起來像是一個激動人心的勇敢的新世界，它提供了比以前更敏感，更富有創(chuàng)造力的網絡打字方式。

賈森：嗯，那當然是我希望的。我認為在所有階段采用Web字體的最大障礙之一就是性能。那會怎樣呢？加載需要多長時間？這對頁面的渲染時間意味著什么？我們遇到了那種隱性文本或無樣式文本閃爍的問題。真的，要處理所有這些事情，要回到需要多長時間才能到達那里？瀏覽器對此有何反應？我們可以做很多事情來緩解其中的一些問題。但實際上歸結為，如果我們擁有更好的字體和更好的服務方式，那么所有這些問題就變得不那么重要了。因此，有了適當?shù)恼故荆覀儗⒆兊酶弑憩F(xiàn)力。我們真的可以嘗試將設計的工作推到最后，并嘗試變得更有創(chuàng)意。

德魯（DREW）：因為您最近寫過一種表達，感覺是網絡可能已經陷入了為每個站點設計文章模板的陷阱，可能會針對幾種不同類型的內容進行一些更改。但是每個人都在向這種media.com風格過渡，即我很容易理解的單列文本。排版好。這是一件壞事嗎？

杰森：我認為這并不壞。我只是覺得這很無聊。我的意思是，當Medium出現(xiàn)時，那是很新穎的。我的意思是，我認為…的一列……就像您說的那樣，它是很好的排版副本。它有一個不錯的區(qū)域。它并不擁擠。它并不局促，沒有側邊欄和所有其他東西。總是會有業(yè)務模型的問題以及將如何支持這一問題。這就是為什么我認為，幾年前Mule Design的Mike Monteiro對《西雅圖時報》進行了一次非常漂亮的重新設計的原因。絕對漂亮，直到它推出。然后，他們在欄的兩邊放下了這些巨大的標語，只是把所有的空白都帶走了。真是可惜。

杰森：我知道公司必須賺錢。對此有影響。因此，將其作為一種選擇將是很棒的。要有一個很好的干凈布局。但這不應該是唯一的。我們在CSS中擁有所有這些功能，這些功能使我們能夠利用邊距和布局來做一些真正有趣的事情。我的意思是，這不僅是我們現(xiàn)在擁有網格的事實。但是我們可以在CSS瀏覽器中進行計算的事實使我們可以做很多有趣的事情。您可以利用它來表達類型的能力，然后我們可以開始研究它們在雜志中的表現(xiàn)。Vanity Fair沒有一個文章模板。他們有六個或七個或八個。如果您真的看一下他們如何布置這些東西，那么會有很大的可變性，但是可變性正在系統(tǒng)中發(fā)揮作用。

JASON：因此，當我們?yōu)榫W站創(chuàng)建一個設計系統(tǒng)時，我們不僅可以僅停留在一個布局上，還可以使用相對簡單的方法將一些開關內置到我們的內容管理系統(tǒng)中。他們中的大多數(shù)人都支持相當多的靈活性。我們沒有理由不能給人們選擇的余地。我想使用布局1、2、3、4、5、6。這將引入不同的邊距，不同的偏移量。也許引入了創(chuàng)建一些列的功能。我們可以做很多不同的事情來構成一個更加有趣的網絡。我認為這種類型可以在其中發(fā)揮很大的作用。

德魯：在將更多個性添加到網絡上時，是我們的救星嗎？

杰森：好吧，我認為可以。我認為我們已經在網絡上朝著更好的可用性發(fā)展了很長的時間。但是我認為，當我們所關心的只是這種功利主義時，會有人員傷亡嗎，這是有用的方法嗎？這往往會擊敗個性。然后，當每個網站都是……時，我們又有了網絡字體，這創(chuàng)造了前所未有的全新表達水平。突然之間，我們可以…顯示效果更好。因此，襯線又重新組合了。我們可以在網絡上再次使用它們。這些東西增加了生命。然后，我們使用一個或兩個San-serifs對每個人進行了優(yōu)化。它是Open Sans，或者是Roboto或Oswald，或其他。我們有點回到同一堆東西，那里有很多非常好的，非常易讀的字體。我們還沒有真正教會過這一代的UX設計師，他們通常是推動排版的許多人。關于它的表現(xiàn)力，可以改變情緒和語氣的任何事情。

杰森：所以我們有很多人決定網絡上事物的設計方向，他們對類型的想法可能不如研究圖形設計和可讀性的人那么了解。我們需要將那些東西放在一起。這不是一個。是和。它一定是。

德魯：尤其是當我們談論個性以及語氣和情緒時。從業(yè)務角度或我們正在談論的是品牌方面。因此，在使所有內容看起來相同時，我們會失去與客戶交流品牌的能力嗎？

杰森：絕對。我不會涉足政治，而是整體考慮……我們在美國肯定遇到的主要問題之一，而且我敢肯定，這與過去幾年在英國發(fā)生的事情沒有太大不同。當所有新聞都通過一個平臺進行消費，并且所有內容看起來都一樣時，聲音就沒有區(qū)別了。因此，大約有75％的美國成年人說他們從Facebook上獲得了很大一部分新聞。我的意思是，讓我們擱置這到底是多么令人恐懼。但是，鑒于所有內容都是統(tǒng)一呈現(xiàn)的，因此從《衛(wèi)報》到《紐約時報》，《華爾街日報》，《華盛頓郵報》和喬的右翼新聞之間的文章沒有區(qū)別。呈現(xiàn)的方式完全相同。

杰森：當我們看到該徽標，該字體樣式時，《衛(wèi)報》便是如此具有特色。《華爾街日報》是如此有特色。我們一看到便立即認出，甚至只是標題。我們知道那是哪里來的。然后就是與該品牌和真實性的自動關聯(lián)。當您將所有內容都刪除后，您會留下：“好的，我將在標題上對此進行評估。然后，誰寫了一個更好的標題？沒什么可繼續(xù)的。所以我認為我們已經損失了很多。如果您查看Apple News Plus正在嘗試做的事情，那么一些公司中的一些人會努力嘗試重新引入這一點。布倫德爾在歐洲做了一件非常有趣的工作。它們在美國推出，但我不確定自己是否真的那么成功。那是一個平臺，使您可以訂閱和查看所有這些不同的頂級報紙和出版物的內容。它總是在自己的設計中。因此，那真的是一種有趣的方法。它始終保留著品牌聲音，新聞的真實性和權威性。作為讀者，它確實為您提供了一些提示，以幫助您評估正在閱讀的內容。

杰森：我認為這很重要。我認為這不應該掉以輕心。

德魯：回想過去的日子里的RSS讀者，我們遇到了同樣的問題，那時每個人的內容都只是通過RSS分發(fā)，并以相同的格式，相同的布局出現(xiàn)在讀者中。我認為您確實失去了個性和聲音。

杰森：是的。這是真的。我認為這不是一個完全可以解決的問題。我認為，如果您能想象每個標題都有不同字體的RSS閱讀器，那就太瘋狂了。有一個原因為什么它不能很好地起作用，但是必須有一些中間立場。類型確實在其中起作用。那么可以肯定的是，一旦您返回該網站，就會具有這種即時可識別性，這將有助于使這種體驗與從其他地方看到的體驗脫穎而出。

德魯：所以說我是設計師。我在一家小公司工作。我正在為各種不同的客戶設計產品。我看著我的工作。我認為，“這一切都很好。我從哪里開始真正地引起一些興趣，一些興奮，而不僅僅是依靠我已經習慣使用的這種統(tǒng)一的UX驅動布局？

杰森：好吧，我認為要做的是，如果您從未學習過印刷術，則不必一定要訓練自己的眼睛來觀察一種字體與另一種字體之間的差異。即使您學習了圖形設計，也必須始終提醒自己這些事情。因此，我認為我經常會推薦，實際上，幾周前我就寫過這本書，因為我不斷被問到“你從哪里開始？”，我列出了一些我認為真的很有幫助的書。因此，像艾倫·盧普頓（Ellen Lupton）的著作《思考類型》（Thinking with Type）一樣，它是對觀察和觀察類型的絕佳介紹。埃里克·斯皮克曼（Erik Spiekermann）的書《停止偷羊》（Stop Stealing Sheep）是一本很棒的書，盡管我認為目前已絕版。我認為他可能正在開發(fā)另一版，但事實是……如果您找到那個，那也是一個很好的版本。

杰森：這些將有助于您了解術語，并了解不同樣式的文本之間的區(qū)別。然后，一旦有了基本介紹，當您查看其他網站時，它將為您提供更好的參考框架。感覺就像，為什么這個感覺比那個溫暖？類型的組合是什么？有什么特點？就像Web開發(fā)人員經常做的或Web設計人員經常做的那樣，您檢查一個元素，查看在那里使用的字體，這可以開始幫助您構建一個熟悉的調色板。很多時候，設計師會做一些自己熟悉的事情，并且傾向于在很多不同的項目中使用它們。那不一定是壞事。

杰森：因此，您可以決定在此網站上將其稱為正常。這是我要使用的寬度以及其他方面。因此，即使您在整個網站上使用相同的字體，因為您可以使用所有的特征，它的外觀仍然可能會完全不同。

德魯：所以我認為有很多工作要做。我敢肯定，我們會在您撰寫的所有優(yōu)秀文章的展示筆記中添加一些鏈接，以及對這些書的參考以及您所擁有的。因為我認為有很多東西要學習。我認為我們總是必須學習這些東西。學習永無止境。

杰森：是的。是真的。當我開始撰寫時事通訊時，這是我非常享受的事情。每個星期，當我編寫它時，我都會閱讀更多的規(guī)范。我正在閱讀更多其他人發(fā)現(xiàn)和編寫的內容。有很多知識淵博的人在那里。例如，Clearleft的Rich Rutter寫了一本很棒的書，叫做Web Typography。他是Font Deck的創(chuàng)始人之一，后者是最早推出的服務之一。他一直是這類書籍研究最多的學者。我的意思是，他在將這些內容組合在一起的方式上確實非常周到。但是有一堆人在做真正有趣的事情。這有點迫使我跟上別人一直在做的事情，這真是太棒了。

德魯：您最近在學習什么特別的東西？

杰森：我學習最多的東西實際上是規(guī)范的角落。我認為這是…………我的意思是，對我來說，最大的影響可能就是蕾切爾[安德魯]。她一直在談論，例如，“好吧，如果您實際閱讀這里寫的內容，那么實際上真的有很多知識要知道。”因此，在準確閱讀規(guī)格說明時，我們可以使用大量出色的印刷控件。然后深入研究諸如混合混合模式和CSS之類的不同事物，并了解有關不同尺寸單位以及它們如何相互作用的更多信息，并學習如何使用以及在哪里可以使用CSS自定義屬性。我越來越多地閱讀一些內容，然后將其與瀏覽器的功能進行比較。對于我每周學習的內容，這確實對我來說是非常寶貴的經驗。即使已經從事了25年的工作，每次我深入研究其中一件事情時，仍然會有一顆新寶石。

德魯：太好了。謝謝。因此，如果您親愛的聽眾想從Jason那里聽到更多信息，或者也許雇用他與您一起解決網絡排版挑戰(zhàn)，則可以在他的@jpamental的Twitter上關注他，或者在rwt.io上找到他的網站，您也可以找到他的網站。要注冊的網絡排版新聞稿。所以，謝謝杰森今天與我們交談。你有分詞嗎？

杰森：是的，實驗。我的意思是，有很多開源的東西可以玩。我認為，一旦人們掌握了這些內容并熟悉了它們，我認為他們將開始越來越多地看到他們可以從中獲得多少樂趣，以及它們可以表現(xiàn)出多少。我想我實際上是在周五與《華爾街日報》的設計總監(jiān)交談的。然后，我正在與他們的設計團隊交談。我們說的是，擁有一個使事情標準化的設計系統(tǒng)真是太好了，但是就像任何好的設計一樣，只要您違反了該規(guī)則。那是令人興奮的事情真正發(fā)生的地方。因此，我們已經獲得了必要的發(fā)展，例如真正精通該系統(tǒng)。現(xiàn)在我們必須打破它。那時候我們可以再次興奮起來。打破常規(guī)。我認為，這是我最好的建議。