Omnisite

推出Svelte 5和全新的sv CLI還不夠：我們還發布了一個全新的網站。您正在瀏覽的就是這個網站。

到目前為止，我們在 svelte.dev 網域下維護了多個不同的網站——Svelte 本身的主網站，以及 kit.svelte.dev 和 learn.svelte.dev。這有一些小好處，但主要還是造成了困擾

• 無法跨網站搜尋
• 導覽略有不同
• 潛在的連結失效（在建置時，SvelteKit 會自動驗證每個內部連結是否正確，但連結到其他網站是另一回事）
• 深色模式等偏好設定無法在網站之間共享
• 在（例如）文件和教學之間導覽需要完整頁面重新載入

從實作的角度來看，保持多個網站同步被證明是一件令人頭痛的事。

將所有內容集中在一個地方意味著您將更容易找到所需的資訊。目前，該網站包含Svelte和SvelteKit的文件；很快，它還將涵蓋 CLI 和其他套件，例如 vite-plugin-svelte。

新面貌

我們也為網站煥然一新。我們的標誌和由才華橫溢的 Achim Vedam 設計的英雄藝術作品（「機器」）保持不變——這些，以及 Svelte 的橘紅色，仍然是我們視覺識別的基石。

但是，網站的許多其他方面都進行了清理，首先是五個 B——框線 (boxes)、背景 (backgrounds)、邊框 (borders)、陰影 (box-shadows)、粗體文字 (bold text)——這些在整理頁面資訊時很容易被過度使用。透過去除大部分這些元素並簡化我們的調色板，網站變得更加平靜、更具凝聚力且不那麼擁擠。

我們也更新了按鈕樣式，使它們看起來像按鈕（不幸的是，在現代 UI 設計中，這是一個激進的概念）。

字體是什麼？

當然，最顯著的差異是排版。以前，我們對除程式碼之外的所有內容都使用Overpass——標誌、標頭、UI 元素和內文。考慮到它最初是Highway Gothic（自 1948 年以來美國道路標誌上使用的字體，除了短暫迷戀 Clearview）的改編版，它具有驚人的多功能性，但它真的不應該用於所有內容。我們發現自己進行各種臨時調整（調整顏色、大小寫、行高、間距、粗細等等）並打破其他設計規則（錯位文字、添加不必要的邊框），以建立層次結構並減少單調感。我們需要改變。

同時，我們不能讓自己看起來與其他所有文件網站相同。現代網頁設計令人窒息地平淡：所有內容都是方框、紫色發光的無意義東西，以及少數相同的無襯線字體。

我們應該覺得最後一部分很奇怪。打開任何書籍或雜誌，它很可能都使用襯線字體。這是有原因的：襯線使單個字母更加清晰，有助於閱讀，並有助於定義字體的個性。

在螢幕上，襯線字體不太常見。這部分是出於歷史和技術原因：在過去較低解析度的螢幕上，尤其是在 Windows 及其較差的字體渲染下，襯線缺乏清晰度，反而使可讀性更差。但是，今天大多數用戶都擁有清晰得多的螢幕，這使得這個問題變得不那麼重要。事實上，大多數報紙和雜誌網站以及許多部落格都將襯線用於內文。

我懷疑真正的原因主要是文化上的：因為我們已經習慣將襯線字體與印刷文字聯繫起來，所以它被認為不夠現代。相反，無襯線字體與數位產品相關。

我不知道你怎麼想，但我已經將數位產品與不可靠聯繫起來：包含錯誤、Cookie 橫幅、剝削性的商業模式、漠視隱私、計畫報廢以及科技產業的許多其他罪惡。

我希望我使用的東西具有類比感。我喜歡感覺沉重、幾乎具有實體感的事物。（Svelte 的 HTML 優先設計和「機器」在某種程度上是這種現象的體現，儘管我們無可避免地是一種數位產品。）

最重要的是，我想要一個不那麼同質化的網路。

因此，我們的新網站使用一系列字體

• 用於標題的 DM Serif Display
• 用於內文的 EB Garamond，在低解析度螢幕上會改用 Georgia
• 用於 UI 元素的 Fira Sans
• 用於程式碼的 Fira Mono

我們知道這是一個有爭議的選擇！今天，許多人幾乎完全透過螢幕接觸文字，因此看到襯線字體可能會覺得冒犯地奇怪。可能需要一些時間來適應。我們也承認，對於某些人來說，在某些作業系統/螢幕/深色模式偏好組合下，可能會有一些合理的可讀性問題，因此我們懇請您的理解，以便我們將一切調整到位。

貢獻

與任何重大更新一樣，仍有一些細節需要潤飾，其中一些可能到現在才引起我們的注意。 程式碼庫現在是開源的，我們歡迎您的貢獻。