将谷歌字体添加到MediaWiki皮肤中

Question

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

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

Answer 1

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

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

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

Answer 2

您的皮肤可能有一个CSS样式表，如文档中所述：

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

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