MediaWiki:Common.css
MediaWiki界面页面
更多操作
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
@font-face {
font-family: FOT-Rodin Pro;
src: url("resources/assets/FOT-Rodin Pro DB.otf") format("opentype");
}
.mw-body-header {
font-family: 'FOT-Rodin Pro';
}
/* 霞鹜文楷 - 正文字体 */
@font-face {
font-family: 'WenKai';
src: url('resources/assets/LXGWWenKai-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* Merriweather - 英文衬线正文 */
@font-face {
font-family: 'Merriweather';
src: url('resources/assets/Merriweather-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* JetBrains Mono - 编辑器等宽英文字体 */
@font-face {
font-family: 'JetBrains Mono';
src: url('resources/assets/JetBrainsMono-Regular.woff2') format('woff2');
font-display: swap;
}
/* 霞鹜文楷 Mono - 编辑器等宽中文字体 */
@font-face {
font-family: 'WenKai Mono';
src: url('//assets/LXGWWenKaiMono-Regular.ttf') format('truetype');
font-display: swap;
}
/**************************************
* 正文阅读字体设定(中英混排)
**************************************/
body,
#mw-content-text,
.mw-body-content {
font-family: 'WenKai', 'Merriweather', serif;
font-size: 16px;
line-height: 1.75;
color: #1a1a1a;
word-break: break-word;
text-rendering: optimizeLegibility;
}
/**************************************
* 编辑器设置(源代码编辑器)
**************************************/
.wikiEditor-ui {
font-family: 'WenKai Mono', 'JetBrains Mono', monospace !important;
font-size: 14px;
line-height: 1.6;
color: #1f1f1f;
background-color: #f9f9f9;
border: 1px solid #ccc;
padding: 10px;
border-radius: 6px;
overflow: auto;
tab-size: 4;
white-space: pre;
font-variant-ligatures: none;
}
/***************************************
* <pre> 和 <code> 中的字体设置
***************************************/
pre, code, .mw-code {
font-family: 'JetBrains Mono', monospace;
font-size: 0.95em;
background-color: #f5f5f5;
color: #222;
padding: 4px 6px;
border-radius: 4px;
overflow-x: auto;
}
/***************************************
* 美化分类栏、页眉、注释脚注等
***************************************/
.catlinks,
.mw-references {
font-size: 0.9em;
opacity: 0.85;
}
#p-logo-text,
.vector-header {
font-family: 'WenKai', 'Merriweather', serif;
font-weight: bold;
}
/* 为 loading 图标添加透明度变换动画 */
#loadingIndicator img {
animation: fadePulse 2s ease-in-out infinite;
}
@keyframes fadePulse {
0% { opacity: 1; }
50% { opacity: 0.5; }
100% { opacity: 1; }
}