每周平台新闻：CSS Font-style: Oblique、Webhint 浏览器扩展、CSS Modules V1

在本周的综述中，可变字体变得倾斜，一个用于代码风格检查的新浏览器扩展，以及 CSS 模块的第一个版本。

一些流行的可变字体具有一个 'wght'（粗细）轴，用于以不同的字体粗细显示文本，以及一个 'slnt'（倾斜）轴，用于显示倾斜的文本。这使得可以使用单个可变字体文件创建多种字体样式（例如，请参阅“可变 Web 排版”演示页面）。

您可以使用 font-style: oblique 而不是更低级别的 font-variation-settings 属性来显示具有 'slnt' 轴的可变字体中的倾斜文本。此方法适用于 Chrome、Safari 和 Firefox。

/* BEFORE */
h2 {
  font-variation-settings: "wght" 500, "slnt" 4;
}

/* AFTER */
h2 {
  font-weight: 500;
  font-style: oblique 4deg;
}

webhint 代码风格检查工具现在可以作为 Chrome、Edge 和 Firefox 的浏览器开发者工具扩展使用（阅读 Microsoft 的公告）。与 Lighthouse 相比，webhint 的一个显著特点是其跨浏览器兼容性提示。

CSS Modules V1 是微软提出的一个新提案，它将扩展 JavaScript 模块基础设施，允许从 CSS 文件导入 CSSStyleSheet 对象（例如，import styles from "styles.css";）（通过 Thomas Steiner）
安装在 Chrome 桌面版的 Web 应用可以在 about:apps 页面上卸载（右键单击应用图标以显示 移除... 选项）（通过 Techdows）
由于 AMP 的独特要求，像卫报这样的大型新闻网站应该最优地拥有两个独立的代码库（一个用于 AMP 页面，另一个用于常规网站）（通过卫报）

在我的新的每周周日版中阅读更多新闻。访问 webplatform.news 获取更多信息。

评论