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

  回复 引用 0

  1 条回复 最后回复

  ---
• 

  MetroCrt Doki Club 圈内名人 捐赠者 KNN应援团 饼☆ 最后由 编辑
  
  

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

  回复 引用 0

  1 条回复 最后回复

  ---

• 

  綿雲飴里 木毛之星 圈内名人 木毛认可 饼☆ 最后由 编辑 @MetroCrt
  
  

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

  回复 引用 0

  1 条回复 最后回复

  ---

• 

  银浆 下北泽唱片店 木毛认可 捐赠者 饼☆ 守矢神社 最后由 编辑 @綿雲飴里
  
  

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

  回复 引用 0

  1 条回复 最后回复

  ---