您现在还未登录!

登录/注册后可体验更多内容。如未找到验证邮件,请查看垃圾箱或"点击右上角头像"-->"编辑资料"重新发送。

QQ手机/电脑邮箱无法在移动端注册/验证,使用网页版即可。请使用非国产浏览器(建议Chrome/Firefox)登录。

PS:密码找回重做中,请点击此处来找回。点击边栏前往其余页面。

饼维基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好像是故意不支持。


  • Dokidoki文学部 圈内名人 捐赠者 KNN应援团 饼☆

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


  • 圈内名人 木毛认可 饼☆

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


  • 下北泽唱片店 木毛认可 捐赠者 饼☆ 守矢神社

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


Log in to reply
 

更多本版内容

友情链接

中文InmWiki 中文饼Wiki InmTieba 例区Discord afdian “bilibili” TIS v2mm | 自由职业者社区