MediaWiki:Common.css:修订间差异

来自null
Null留言 | 贡献
无编辑摘要
标签手工回退
Null留言 | 贡献
无编辑摘要
 
(未显示同一用户的1个中间版本)
第1行: 第1行:
/* 在MediaWiki的Common.css文件中添加以下代码 */
/* 在MediaWiki的Common.css文件中添加以下代码 */
@font-face {
  font-family: 'LXGWWenKaiLite';
  src: url('https://www.guohao.asia/cdn/font/lxgw-wenkai-lite/LXGWWenKaiLite-Light.ttf') format('truetype');
  font-weight: 300; /* Light */
  font-style: normal;
}
@font-face {
  font-family: 'LXGWWenKaiLite';
  src: url('https://www.guohao.asia/cdn/font/lxgw-wenkai-lite/LXGWWenKaiLite-Medium.ttf') format('truetype');
  font-weight: 500; /* Medium */
  font-style: normal;
}
@font-face {
  font-family: 'LXGWWenKaiLite';
  src: url('https://www.guohao.asia/cdn/font/lxgw-wenkai-lite/LXGWWenKaiLite-Regular.ttf') format('truetype');
  font-weight: 400; /* Regular */
  font-style: normal;
}
@font-face {
  font-family: 'LXGWWenKaiMonoLite';
  src: url('https://www.guohao.asia/cdn/font/lxgw-wenkai-lite/LXGWWenKaiMonoLite-Light.ttf') format('truetype');
  font-weight: 300; /* Light */
  font-style: normal;
}


/* 引入文风字体 */
@font-face {
@import url('https://cn.windfonts.com/wenfeng/fonts/xwxzs/regular/web/zh_index.css');
  font-family: 'LXGWWenKaiMonoLite';
  src: url('https://www.guohao.asia/cdn/font/lxgw-wenkai-lite/LXGWWenKaiMonoLite-Medium.ttf') format('truetype');
  font-weight: 500; /* Medium */
  font-style: normal;
}
 
@font-face {
  font-family: 'LXGWWenKaiMonoLite';
  src: url('https://www.guohao.asia/cdn/font/lxgw-wenkai-lite/LXGWWenKaiMonoLite-Regular.ttf') format('truetype');
  font-weight: 400; /* Regular */
  font-style: normal;
}


/* 设置页面默认字体为文风字体 */
/* 应用字体 */
body {
body {
   font-family: 'wenfeng-xwxzs', sans-serif;
   font-family: 'LXGWWenKaiLite', sans-serif;
}
}


/* 设置标题字体为文风字体 */
#content h1,  
#content h1,  
#content h2 {
#content h2 {
   font-family: 'wenfeng-xwxzs', serif;
   font-family: 'LXGWWenKaiLite', serif;
}
}


/* 以下是字体权重和样式的示例,根据实际可用的字体变体进行调整 */
code, pre, tt {
.wf-font-example {
   font-family: 'LXGWWenKaiMonoLite', monospace;
   font-family: 'wenfeng-xwxzs'; /* 固定值,不可修改 */
  font-weight: 400; /* 你可以根据需要选择100到900之间的值 */
  font-style: normal; /* 你可以选择 normal, italic, 或 oblique */
}
}
/* 这里放置的CSS将应用于所有皮肤 */
/* 这里放置的CSS将应用于所有皮肤 */

2024年11月28日 (四) 11:48的最新版本

/* 在MediaWiki的Common.css文件中添加以下代码 */
@font-face {
  font-family: 'LXGWWenKaiLite';
  src: url('https://www.guohao.asia/cdn/font/lxgw-wenkai-lite/LXGWWenKaiLite-Light.ttf') format('truetype');
  font-weight: 300; /* Light */
  font-style: normal;
}

@font-face {
  font-family: 'LXGWWenKaiLite';
  src: url('https://www.guohao.asia/cdn/font/lxgw-wenkai-lite/LXGWWenKaiLite-Medium.ttf') format('truetype');
  font-weight: 500; /* Medium */
  font-style: normal;
}

@font-face {
  font-family: 'LXGWWenKaiLite';
  src: url('https://www.guohao.asia/cdn/font/lxgw-wenkai-lite/LXGWWenKaiLite-Regular.ttf') format('truetype');
  font-weight: 400; /* Regular */
  font-style: normal;
}

@font-face {
  font-family: 'LXGWWenKaiMonoLite';
  src: url('https://www.guohao.asia/cdn/font/lxgw-wenkai-lite/LXGWWenKaiMonoLite-Light.ttf') format('truetype');
  font-weight: 300; /* Light */
  font-style: normal;
}

@font-face {
  font-family: 'LXGWWenKaiMonoLite';
  src: url('https://www.guohao.asia/cdn/font/lxgw-wenkai-lite/LXGWWenKaiMonoLite-Medium.ttf') format('truetype');
  font-weight: 500; /* Medium */
  font-style: normal;
}

@font-face {
  font-family: 'LXGWWenKaiMonoLite';
  src: url('https://www.guohao.asia/cdn/font/lxgw-wenkai-lite/LXGWWenKaiMonoLite-Regular.ttf') format('truetype');
  font-weight: 400; /* Regular */
  font-style: normal;
}

/* 应用字体 */
body {
  font-family: 'LXGWWenKaiLite', sans-serif;
}

#content h1, 
#content h2 {
  font-family: 'LXGWWenKaiLite', serif;
}

code, pre, tt {
  font-family: 'LXGWWenKaiMonoLite', monospace;
}
/* 这里放置的CSS将应用于所有皮肤 */
/* 基本样式,适用于所有图片 */
img[src*="www.guohao.asia"] {
  height: auto;
}

/* 媒体查询,仅当图片宽度大于450像素时应用 */
@media (min-width: 450px) {
  img[src*="www.guohao.asia"] {
    width: 80%;
  }
}

@media only screen and (max-width: 600px) {
  /* 针对手机的样式 */
  .ev-video {
    width: 100%;
    height: auto;
  }
}