将 Google 字体添加到 MediaWiki 皮肤

Question

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

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

Answer 1

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

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

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

Answer 2

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

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

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

将 Google 字体添加到 MediaWiki 皮肤

Add Google Fonts to a MediaWiki skin

mediawiki

mediawiki-templates