该部分内容仅在huiji.wiki和使用HuijiWiki软件的维基平台生效,请注意该部分代码的兼容性。

中文字体库因体积庞大,不适合通过网络引用,应选择用户本地常见字体。微软雅黑和宋体是相对安全的字体。

但我们仍可使用英文字体来建设个性化的维基。

使用灰机wiki提供的字体

如需引用,可以在MediaWiki:Common.css中加入

@font-face {
    font-family: BebasNeue【替换要使用的字体名称】;
    src: url('https://fs.huijiwiki.com/www/resources/font/BebasNeue.otf【替换要使用的字体文件名】');
}

将该字体应用于某个元素时,可以在MediaWiki:Common.css中加入

【需要改变字体的元素选择器】{
     font-family: BebasNeue;
}
Font preview.jpg

目前支持的字体有:

  • BebasNeue.otf
  • boston.ttf
  • Cinzel-Regular.otf
  • Constantine.ttf
  • coolvetica rg.ttf
  • DeutscheZierschrift.ttf
  • exmouth_.ttf
  • LCDPHONE.ttf
  • LinLibertine_R.ttf
  • Livingst.ttf
  • Minecraft.ttf
  • Moyko.ttf
  • nasalization-rg.ttf
  • Overdrive Sunset.otf
  • Roman SD.ttf
  • Sansation_Regular.ttf
  • Sloppy-Hand.otf

上传字体

请不要上传中文字体,这将极大拖慢维基的访问速度,消耗不必要的系统资源和用户的网络流量。

  • 第一步:使用“上传文件”功能来上传字体文件
  • 第二步:与引用灰机提供的字体一样,在Common.css中用@font-face声明上传的字体的以备调用
    • 获取url,上传字体完毕后,在文件页中通过开发者模式或者“检查页面”(F12)来查取字体文件的url地址,通常是由cdn开头,以字体文件扩展名结尾(otf,ttf)
    • 在Common.css中声明你的自定义字体
@font-face
{
 	font-family: <你的字体名字>;
 	src:url('https://cdn.huiji.wiki/....<刚才取得的url地址>');
 }
  • 第三步: 在你想用字体的地方通过css的font-family参数来引用你刚才命名的新字体,可以是某个元素,也可以是整个站点的class
    • 可以是inline的style,也可以在common.css针对某个元素或者类进行一并修改
    • 推荐使用font-family来书写,将您的自定义字体提至最前,但是也保证其他的安全字体存在。
<选择器>{
  font-family: "<你的字体名字>","Lantinghei SC","Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;
}
avatar