将 Google 字体添加到 MediaWiki 皮肤

如何解决将 Google 字体添加到 MediaWiki 皮肤

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

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

解决方法

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

但是我发现字体没有具体的指导方针，我可以添加如下字体，

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

,

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

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

因此您可以使用 resources/screen.css (example) 在 @font-face 中嵌入 Google 字体。