フリーランスの道具箱

新バージョン el plano(Ver.1.1.3.6)での『源ノ角ゴシック(Source Han Sans)』Webフォントを設定する

GoogleとAdobeの共同開発で生まれたオープンソフト フォント 『源ノ角ゴシック(Source Han Sans)』を、”ものくろぼっくす”(Webフォントに設定して)の表示フォントとしています。

ものくろ的には気に入っています。読みやすいなぁと、自画自賛ですけど。

そんなグッド!なブログだぜって思っていたのですが、テーマであるel planoをアップデートしたら、設定が無効になってしまい、、、あれ?と。

再度、Webフォントの設定をしたので、まとめました。el plano の『Ver.1.1.3.6』以降の場合の設定方法です。

広告

CSSのファイルバスが変更

新しいel planoでは『オリジナルスタイルシート設定が格納されているCSSのファイル 保存場所』が変更になっています。

以前は『 wp-content > themes > dp-elplano > css 』の中に保存されていました。新しいバージョンでは『 wp-content > uploads > digipress > el-plano > css 』の中にある『visual-custom.css』に、オリジナルスタイルシート設定が格納されています。

オリジナルスタイルシート設定

バージョンアップでスタイルシートの場所が変わり、CSSに書いてある”Webフォントを探しに行ってくれー”という場所指定(ファイルパス)が、ずれてしまってフォントを見つけられなくなったんです。

オリジナルスタイルシートはそのまま

トラブルを解決するには、スタイルシートに書いてあるWebフォントがある場所を修正するか、Webフォントの保存場所を変更するか?どちらかの作業が必要です。

つまり、スタイルシートからWebフォントを見つけられる状態にすればいいんです。Webフォントをサーバーへ再度アップロードする方が簡単なので、CSSの”記述”はそのままにしておきます。

css

Webフォントを再アップデート

『wp-content > uploads > digipress > el-plano > css』の中に『webfont』フォルダを作成し、WebフォントのSourceHanSansJP-Light.woffをアップデートします。

SourceHanSansJP-Light.woffの入手方法はこちら ↓ のエントリーを参考にしてください。

[ss url=”https://mono96.jp/?p=23464″ width=”160″ class=”alignleft” title=”GoogleとAdobeが産んだオープンソースフォント 源ノ角ゴシック(Source Han Sans)をWebフォントにしてWordPressで使ってみた ” caption=”” hatebu=1 tweets=1 likes=1 rel=”nofollow” alt=”GoogleとAdobeが産んだオープンソースフォント 源ノ角ゴシック(Source Han Sans)をWebフォントにしてWordPressで使ってみた”]

これでOKです。ブログをリロードし”源ノ角ゴシック”で文字が表示されているのを確認します。

関連記事

広告

もっと
b. ブログで情報発信
について読む


この記事を書いた人 :

profile2016autumn

ブロガー・Web&Blogコーチ・親指シフトユーザー・orzレイアウト考案者。WordPressが得意。HTML・CSS・PHPも熟知し広範囲の知識を持つ。ブログは年間 1450記事を更新した経験も(2013年)。

誰でもインターネットを活用できる時代だから、頭でモヤモヤしている「こんなのを実現したいなぁ」を引き出して形にし実現させるお手伝い、そして、インターネットを上手に使えるようにサポートするのが得意です。

iPhoneやAndroidなどのガジェット、デジタルだけでなく文房具などのアナログなツールも大好きです。写真や旅を楽しむこと、おいしいお食事、楽しい・ワクワクすることが大好きです。

Twitterやfacebookでも情報発信中、よろしければフォローしてください。



Instagram
follow us in feedly

ご依頼・講座開催情報はこちら

ブログ・情報発信でお困りごと、モヤモヤ、解決。あなたのステップアップをサポートしています。

広告

情報発信コンサルティング・コーチ

Web・ブログのコンサルティング・ご相談のご依頼を受け付けております。
・Webを活用して本気でビジネス・人生を切り開きたい方
・Webのテクニカルな改善でお悩みの方
・アイディアはあるのに、記事の文章にするのがうまくいかない方
・親指シフトを本気で習得したい方

そんな多様なお悩み、そして、さらに隠れていて見えないお悩みもダイレクトにアドバイス。ブログ2400記事をアウトプットした経験に基づく良質なノウハウ・スキルを手に入れてください。時間の大切さを感じてるあなたへオススメです。

お申し込みは
お問い合わせフォーム
からお願いします。

うまく表示されない時は
こちらをご覧下さい。

お申し込みは
お問い合わせフォーム
からお願いします。

こちらの記事も役立ちます