WordPress Theme Raindrops

Raindrops 1.486 ウェブフォントクラスの追加と既知の問題

原文を表示

Raindrops 1.486で、Google 日本語 アーリーアクセスフォントを追加する事にしましたので、お知らせします。

Google Fonts + 日本語 早期アクセス

にこもじ

Mplus 1p

はんなり

Rounded Mplus 1c

にくきゅう

Noto Sans Japanese(従来よりサポート)

さわらびゴシック

さわらび明朝

こころ明朝

HTML

<p class="f32 google-font-nico-moji">にこもじ</p>
<p class="f32 google-font-mplus-1p">Mplus 1p</p>
<p class="f32 google-font-hannari">はんなり</p>
<p class="f32 google-font-rounded-mplus-1c">Rounded Mplus 1c</p>
<p class="f32 google-font-nikukyu">にくきゅう</p>
<p class="f32 google-font-noto-sans-japanese">Noto Sans Japanese</p>
<p class="f32 google-font-sawarabi-gothic">さわらびゴシック</p>
<p class="f32 google-font-sawarabi-mincho">さわらび明朝</p>
<p class="f32 google-font-kokoro">こころ明朝</p>

f32クラスは、32px相当のフォントを意味します。


ウェブフォントと既知の問題

WordPress4.8でエディターに、存在しないフォント名を入力した場合以下のようなエラーが出ます

上記の例は、google-font-noto-sans-jp ( Noto Sans JP )をロードしようとして、失敗してエラーが表示されている例です。

なぜ、google-font-noto-sans-jp ( Noto Sans JP )がロード出来なくて、google-font-noto-sans-japanese(Noto Sans Japanese)がロードできるのかですが、

多くのグーグルフォントは、スペースとフォント名で構成されているわけですが、Noto とか、それぞれの文字は、最初の文字が大文字 続く文字は小文字で構成されます。

レインドロップステーマは、このような構成になっている事を標準として、フォントの自動ロードを試みますが、Noto Sans JP は、JPが二文字共に大文字のため、レインドロップスは、Googleに対して

Noto Sans Jpというフォントを要求するため、フォントは存在しない事となり、エラーが表示されます。

このため、google-font-noto-sans-jp クラスは、1.486では使用できません。Googleフォントを使用する場合、このような問題で、エラーが出ることがありますのでご留意ください。

TinyMCEエディタビジュアルモードで、グーグルフォントが反映しない問題

多分、4.8からだと思いますが、ビジュアルモードでGoogleフォントが反映しない問題があります。現在検証中です。

ブログ表示では、フォントが反映することは確認済みです。