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——盒子、背景、边框、阴影、粗体文本——在页面上组织信息时，这些元素很容易被过度使用。通过去除大部分这些元素并简化我们的调色板，网站变得更加平静、更具凝聚力且不那么拥挤。

我们还更新了按钮样式，使它们看起来确实像按钮（不幸的是，在现代 UI 设计中，这是一个激进的概念）。

字体是什么？

当然，最明显的区别是排版。以前，我们除了代码之外，所有内容都使用 Overpass——徽标、标题、UI 元素和正文。考虑到它起源于 Highway Gothic（自 1948 年以来美国路标上使用的字体，除了 短暂地与 Clearview 调情）的改编版本，它令人惊讶地用途广泛，但它确实不适合用于所有内容。我们发现自己进行各种临时调整（调整颜色、大小写、行高、间距、粗细等）并违反其他设计规则（错位复制、添加不必要的边框）以创建层次结构并减少单调。我们需要改变。

与此同时，我们无法让自己看起来与其他所有文档网站一样。现代网页设计令人窒息地乏味：所有东西都是盒子、紫色的发光无意义的东西，以及相同少数几种无衬线字体。

我们应该发现最后一点很奇怪。打开任何书籍或杂志，它极有可能使用衬线字体排版。这是有原因的：衬线使各个字母更加清晰，有助于提高可读性，并有助于定义字体的个性。

在屏幕上，衬线字体不太常见。这部分是由于历史和技术原因：在过去的低分辨率屏幕上，尤其是在 Windows 及其较差的字体渲染下，衬线缺乏清晰度，使可读性更差。但如今大多数用户拥有更清晰的屏幕，这使得这个问题不那么突出。事实上，大多数报纸和杂志网站以及许多博客都使用衬线字体作为正文。

我怀疑真正的原因主要是文化：因为我们已经将衬线字体与印刷文字联系起来，所以它被认为不那么现代。相反，无衬线字体与数字产品相关联。

我不知道你怎么样，但我已经将数字产品与不可靠性联系起来：与错误、Cookie 横幅、剥削性的商业模式、对隐私的漠视、计划报废以及科技行业的许多其他罪恶。

我希望我使用的产品具有模拟的感觉。我喜欢感觉有分量的东西，具有近乎物理的存在感。（Svelte 的 HTML 优先设计和“机器”在某种程度上体现了这一点，即使我们不可避免地是一种数字产品。）

最重要的是，我希望网络不要那么该死的同质化。

因此，我们的新网站使用了一系列字体

• DM Serif Display 用于标题
• EB Garamond 用于正文，在低分辨率屏幕上回退到 Georgia
• Fira Sans 用于 UI 元素
• Fira Mono 用于代码

我们知道这是一个有争议的选择！如今许多人几乎完全通过屏幕与书面文字互动，因此看到衬线字体可能会让人觉得奇怪。这可能需要一些时间来适应。我们也认识到，对于某些人在某些操作系统/屏幕/深色模式偏好组合下，可能会存在一些合理的可读性问题，因此我们恳请您谅解，在我们使一切都完美之前。

贡献

与任何重大更新一样，还有一些细节需要完善，其中一些细节可能直到现在才被我们注意到。代码库现在是开源的，我们欢迎您的贡献。