WordPress 4.7 の新しい標準テーマ、Twenty Seventeen について。
12月にリリースが予定されているWordPress 4.7 には、年末アップデートの恒例行事でもある新テーマのリリースが含まれています。
ここまで数回、日本人の入江さんによるデザインが続いていた気がしますが、今回は違うそうです。
どうやら制作は一段落ついた模様。
テーマについては既にねんでぶさんがまとめてくださっているので参考に。
ところで、今回 Twenty Seventeenではこれまでのテーマで行われていなかったあるちょっとした取り組みが行われいます。
それは、ラテン文字以外のフォントも指定している、ということ。
標準テーマのフォント問題
Twenty FifteenやTwenty Sixteenではテーマのフォントファミリーがserifだったため日本語が明朝になったりしてそのあたりは多くの人が自分で直していたかのように思います。
自分もそれのためのプラグインを作っていました。
Twenty Seventeen では、日本語サイトのデフォルトフォントとして font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif; が指定されているので特段意識しなくても問題がありません。
なお、ここで指定されているフォントはもちろん個人の判断で決めれるものではないので、(デフォルトテーマはWPの顔になると言っても過言ではないし)各語圏のコミュニティで各々様々な方法でレビューを行ったとか。
日本語については、WordSlackの #themechにおいて額賀さんを中心に数名で「何もしなくてもあまねく広く綺麗に見えるべき」という方向性で協議した結果、これらの指定になりました。
他に游ゴシック等を指定する話もありましたが、游ゴシックの環境ごとの差異なんかも簡単に解決できる話でもなくヒラギノやメイリオの方が無難などといった理由から游ゴシックの指定はしないことになりました。
「それでも私は游ゴシックが使いたいんじゃ」って方は子テーマ等でカスタマイズしてください。
フォントカスタマイズ上の注意
言語別フォントは
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
/* Typography for Japanese Font */ html[lang="ja"] body, html[lang="ja"] button, html[lang="ja"] input, html[lang="ja"] select, html[lang="ja"] textarea { font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif; } html[lang="ja"] h1, html[lang="ja"] h2, html[lang="ja"] h3, html[lang="ja"] h4, html[lang="ja"] h5, html[lang="ja"] h6 { font-weight: 700; } |
のようなセレクタでフォントが指定されているため、子テーマ等で上書きする際は最低限これか、これよりも強いセレクタを指定する必要があります。(前者の場合は読み込み順注意)
Typekit等でWebフォントを使用する場合も同様。
Webのフォントめんどくせぇ……
とりあえず Twenty Seventeen は日本語でもそのままで読みやすいはずです。Linux? ブラウザとかの方で各自好みのフォントを……