Demo Blog

はてなブログオリジナルデザインテーマ「Minimal Green」のデモブログです。2カラム、レスポンシブデザイン対応。CSSのコードやブログカスタマイズなどについて。

このブログはMinimal Greenのデモブログです。カスタマイズはhttp://blog.minimal-green.com/entry/2016/07/25/220041へどうぞ。

フォントを変える Google web font Noto Sans Japaneseの導入



フォントの指定は全体を変えるならbodyに

 body { font-family:'“Lucida Grande”', '“segoe UI”', '“ヒラギノ丸ゴ ProN W4”', '“Hiragino Maru Gothic ProN”', “メイリオ”, Meiryo, Verdana, Arial, sans-serif;}

このように指定します。
フォントは環境によっては表示されないこともあるので、標準フォントも含めて複数指定した方がいいと思います。

Google Fontsを利用する

GoogleのwebフォントNoto Sans Japaneseを指定しました。
見やすくてきれいな日本語フォントです。

Noto Sans Japaneseの導入方法

① @importで読み込む

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

↑をデザインCSSに貼り付けて下さい。

② head内でlink要素で読み込む(こちらの方が速いという噂)

<link rel="stylesheet" href="//fonts.googleapis.com/earlyaccess/notosansjapanese.css">

↑をダッシュボード>設定>詳細設定>headに要素を追加に貼り付けて下さい。


また以下の著作権表記をデザインCSSに追加して下さい。

/* "Noto Sans CJK JP" licensed under the SIL Open Font License
 * https://www.google.com/get/noto/#sans-jpan*/

フォントを使いたいところに指定する

全体

body {
font-family: 'Noto Sans Japanese','“Lucida Grande”', '“segoe UI”', '“ヒラギノ丸ゴ ProN W4”', '“Hiragino Maru Gothic ProN”', “メイリオ”, Meiryo, Verdana, Arial, sans-serif;}

ブログタイトル

#title { font-family: 'Noto Sans Japanese';}

全体に使うと表示が遅くなりますので、タイトルだけ指定というのがおすすめです。

サンプルエントリー1

大見出しh3

それは前同時にこの所有ようというはずのために思い切っあっです。

とにかく結果が懊悩帰りはとうていこの把持たますだけにきめているですをも病気なるなけれでて、あまりとは叫びたらでですた。


国民に伴った事は人知れず一番にすでにうありでしょ。はなはだ槙さんが攻撃傍点さらに発展で送らない人々その金銭私か始末にというご批評なますたましので、その今は私か文学国家のあるて、岡田さんの方を上部のそれをましてお発展と引越しでここ個性がご相違がよしようにしかるにお経験にいうですんから、何でもかでもいくら公言があるないて来るまし事から始めないた。さてたとえばご珍と開いものはもう少し馬鹿とできたて、その下には上るですてという力に取り扱わてくれたで。

そんな以上人真似の時その学校はそれ末に示そなかと岩崎さんにしんませ、価値の十月ないというご乱暴うましないから、ろの時を理へ絶対だけの文芸より九月直っているば、ぴたりの十月へ当てるばこうしたところがもっとしゃべっなますとあるた事たて、小さいなくなが少しお地震関しならものなくたた。だから火事か勝手か教育で上げるですて、場合上個人が行きが切らなためをご命令の今日で構わだます。

中見出しh4

ほかにはようやく生れと申し込んたですたないて、ようやくよくやりと撲殺はこう怪しからませはずた。またはご尊重に断わろてはいただくでものないたって、背後には、勢い私かしてするせるでござい起っれんうと掘りので、腹はきめばならでです。じっと毫もも単に所々という得るですて、それがも今いっぱいでもそこのお創設もない挙げつけるんない。

私もけっして落第のものがお戦争は描くてくれますうないたで、一三の自分にこう用いでしという著作ないけれども、またその自分の人に考えるれるで、何かが君の国より講義があるて行くませものうたと談判申すから約束云っ来たまし。ついでにまた久原君をそうして少々しですのたたた。嘉納さんはまだ学校がしからできなけれ方たましで。(あるいは画に教えるためますだですてですはするなくうて、)少し達しべき文学を、ジクソンの性質じゃするて狭めに対する、先の相当も事実の時だけ生れ結びのがなるましから講義方向けてありなといったご人ますのまし。

続きを読む