むやミ日記

Muyami Net Watching Diary

スマホ画面カスタマイズ初心者基礎練(その3)

手書き風フォントでタイトルを書いてみたよ

f:id:muyamisaki:20180819193403p:plain

 

今回は、テスト用予備ブログの、

https://muyami-01.hatenablog.com/

のほうでカスタマイズ練習をしています。

なので日付がとんでもなく古くてごめんなさい。

 

とりくんでみたテーマは「Minimal Green」です。

 

前回は、

スマホ画面カスタマイズ初心者基礎練(その2)で、

www.muyami.net

「レスポンシブ」デザインを「設定しない」にして、それでも「モバイルフレンドリーテスト」というのに「パス」し、なおかつ、

スマホの狭い画面のいちばん上にある「はてなマークつきの黒いバー」がはずせて、「おー(あるていど)やったね?」になったのでした。が、今回は、べつのことを、ちょっとだけ、やってみたくなりましたので、

「スマホ画面カスタマ基礎練」の3回目です。

 

「Minimal Green」は、

作者さん id:minimalgreen のサイトにとってもていねいな

「カスタマイズの手引き」が、

blog.minimal-green.com

ありましたので、きめました。

それとなにより、その「カスタマイズの手引き」ページの、タイトル下にある「メニュー」の下、メニューアイコン下の文字が、とってもいいな~、あーこういうの作れたらいいなー、と

(たかのぞみ、しながら)やってみよッ、てことにして、み、たのでした、が、まず、、

WEBフォントの導入のところで

うむむむ、むずかしそーな、(「http://~ https://~)もんだいがありまして、こちらのサイトで、やっと、

 

gattolibero.hatenablog.com

「ここから修正済み」のところに、重要なかいけつ方法がかかれていて、たすけられました。

 

そのほかに、きょういちにちかけて、

 

Google Fonts+日本語フォント、と、

googlefonts.github.io

 

adobe の 無料webフォント、などなど、

typekit.com

 

いろいろやってみましたが、けっきょくぎゃっふんで、、

いちばん手近なところにあった、はてな の「ふい字」HuiFontP109というやつがあるらしい、ってことで、なんとかやーっと、表示させることができました。

「ふい字」のフォントサイズと色変更などは

こちらのページを参考にさせてもらいました。

www.sheepersystem.xyz

 

でもまだ、とってもさきは、ながーいです。

「グローバルメニュー」のなかみ設定など、だいじなところは、別のテーマでいちどだけ、やったことはありますが、もうほとんど忘れているので、いつになったら完成するのか、まーったく、わかりませぬぬ。

 

【つづきます】