饼维基CSS字体笔记

[綿雲飴里]

使用CSS3 @font-face 规则来指定具体某个字符的字体在wikia是可行的。

弯引号

先前饼维基CSS设为全局雅黑，以故意让弯引号变成全角，但会导致英文的’也变成全角，这是Unicode的历史遗留问题。
此问题现已如此解决：

@font-face {
font-family:YaHeiQuota;
src:local('Microsoft YaHei');
unicode-range:U+201C,U+201D;
}
@font-face {
font-family:YaHeiQuota;
src:local('Microsoft YaHei Bold');
font-weight:bold;
unicode-range:U+201C,U+201D;
}

Win8及更新的系统下只有“”会变成全角。

启用日文比例假名

用了现成的系统字体。现在饼维基页面上的假名字符不是等宽而是比例宽度了（限定Win8及更新的系统）

@font-face {
font-family:MeiryoKana;
src:local("Meiryo UI");
unicode-range:U+3040-30FA,U+30FC-30FF,U+31F0-31FF;
}
@font-face {
font-family:MeiryoKana;
src:local("Meiryo UI Bold");
font-weight:bold;
unicode-range:U+3040-30FA,U+30FC-30FF,U+31F0-31FF;
}

☆

另外不知为什么雅黑的☆笔画设计得非常之细，加粗也没用，单独将这个字符的字体设为MS Gothic。

@font-face {
font-family:GothicStar;
src:local("MS Gothic");
unicode-range:U+2606;
}

顺带我试了下，GulimChe（微软默认韩文字体），MS UI Gothic（MS Gothic UI 版），MS PGothic（MS Gothic P版），楷体 都可以。用MS Gothic只是因为目前所有微软系统都默认有这个字体。

可惜的是这些字体方面的效果一般手机上是看不到的，除非手机装了微软雅黑、Meiryo UI、MS Gothic……

其实这一切都可以通过定制网页字体解决，而wikia好像是故意不支持。

[MetroCrt]

说起来无论是wikiedit也好css也好这些都是你现学的吗

[綿雲飴里]

@Eniso 也没有教这种的老师罢。靠w3school和中文维基自学。

[银浆]

@綿雲飴里 那么棉花糖你专业是哪方面的啊（唐突）