将 Google 字体添加到 MediaWiki 皮肤

Question

我需要知道将 Google 字体添加到 MediaWiki 皮肤的推荐方法。我知道我可以使用 Common.css，并且我知道可能会有扩展来满足需要，但是当我正在开发皮肤时，我想在皮肤中添加必要的字体。

我不想使用任何扩展来实现目标，除非使用扩展是推荐的方式。

Answer 1

我知道我可以将字体添加到 css/less 文件，但由于 css 和 js 是通过 Mediawiki 中的资源负责人加载的，所以我想知道是否有任何特定规则可以添加 Google 字体/外部托管字体。

但我发现字体没有具体的指导方针，我可以像下面这样添加字体，

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');

Answer 2

您的皮肤可能具有docs 中所述的 CSS 样式表：

    "ResourceModules": {
        "skins.foobar": {
                "styles": {
                        "resources/screen.css": { "media": "screen" },
                        "resources/print.css": { "media": "print" }
                }
        }
    },

因此您可以将 Google 字体嵌入到 resources/screen.css 和 @font-face (example)。