LoginSignup
43

More than 5 years have passed since last update.

ヒラギノとHelvetica Neue の混植スタイル

Last updated at Posted at 2014-10-23

iOS7 以降とYosemite になってから ヒラギノ角ゴシックにw1, w2 のウェイトが追加されたので、
CSS でHelvetica Neue とのいい感じの混植を模索。

とりあえず Yosemite だけでいい感じになるように。

.w1, .w2, .w3, .w6 { -webkit-font-smoothing: antialiased; }

.w1 {
  font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", ".HiraKakuInterface-W1";
  font-weight: 100;
}

.w2 {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", ".HiraKakuInterface-W2";
    font-weight: 300;
}

.w3 {
  font-family: "Helvetica Neue", 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
  font-weight: 400;
}

.w6 {
  font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro';
  font-weight: 700;
}

スクリーンショット 2014-10-23 12.04.15.png

W3 + Regular がほんのちょっと…。
Helvetica Neue Medium との組み合わせほしい。(買えよ…

参照:iOS 7 の隠しフォント, ヒラギノ角ゴ W1/W2 を CSS で指定する

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
43