El Capitan以降のヒラギノ角ゴシック指定のCSS

更新してなさすぎわろた。

最近フロントエンドかけこみ寺というコミュニティに参加することになりまして、そのSlackチームに自分専用チャンネルを作って気になったことや困ったことを呟く分報をやっているのですが、そちらに書いた呟きが増えてきたのでちょこちょこブログにメモっていこうと思います。

唐突に始まるので前提をちょっと書きます。 El Capitanで使えるフォントの種類が増え、ヒラギノ角ゴシックは９種類にウェイトが増えました。 最近デザイナーさんからいただいたデザインにさっそくヒラギノ角ゴシック W4が指定されていたのでcssのfont-familyに反映させようと思ったのですが、そのとき意外とハマったのでフロント寺のSlackに呟いたものが以下です。

---

デザインでヒラギノ角ゴシックw4が指定されてたからcssのfont-familyでどう指定するのか「ヒラギノ w4 css」でぐぐってたけど意外と苦戦してしまった…

「ヒラギノ El Capitan css」であっさり出てきた。そうだねEl Capitanだね

El Capitanからは「Hiragino Kaku Gothic ProN」ではなく「Hiragino Sans」で指定するそうで。weightはfont-weightで指定するっぽい。 http://qiita.com/puzzel/items/1e3e9da37e83cc913343

font-family: 'Hiragino Sans'
font-weight: 400

しかしfont-familyでウェイト指定したいときはどうするんだこれ

---

このあとも少し探したんですがfont-familyで指定する方法が見つからなかった…… どなたか知っていたら教えてください。

font-family:HiraginoSans-W4 でできるそうです！というか↑のQiitaの記事に書いてありましたね。失礼しました。