龍爆連合™ ~R-kunのブログ~

Youは何しに龍爆連合へ? そこにR-kunが私を待っている

私のサイトのフォントは白石麻衣氏と西野七瀬氏のWebサイトと同じものを使用しています。

f:id:R-kun:20201226183804p:plain

©龍爆連合

白石麻衣さんと西野七瀬さんのWebサイトで使用されているフォントは,私の運営するサイトでも使用しています。とっても見やすくなりますよ。

■目次■

 

フォントのお話

この記事に至るまでに,フォントに関する話を記事にしている。

r-kun.hatenablog.jp

上の記事にあるとおり,私は他人のWebサイトやポスター・チラシのフォントを調べずにはいられない人間となってしまった。
というのも,フォントって面白いもので,Webサイトやポスター・チラシに用いられるフォントには必ず意味がある。

簡単な例で言うと,冠婚葬祭系のポスター・チラシ・Webサイトには,明朝体や筆書体のフォントが使われることが多いだろう。これは,冠婚葬祭の厳かな雰囲気をフォントに示しているからだ(所説あり)。

というように,フォントにはそれぞれの表情がある。
表情がある上に与えるイメージも異なる。
私がフォントを選ぶ立場なら,有名なサイトのフォントをマネしたくなる。

 

白石麻衣西野七瀬と同じフォント

私の運営するサイト(ホームページ,ブログ)では,乃木坂46の1期生メンバーであった,白石麻衣さんと西野七瀬さんのWebサイトで用いられているフォントを使用している
「Fonts Ninja」というChrome・Edgeブラウザの拡張機能を使用すると,Webサイトで用いられているフォント名を知ることができる。
拡張機能をインストールしたくない場合は,Chromeなら「検証(ブラウザで右クリック)」,Edgeなら「開発者ツールで調査する(ブラウザで右クリック)」でフォントファミリータブから確認することができる。「検証」も「開発者ツールで調査する」もWindowsPCなら「Ctrl+Shift+i」で開くことができる。

Fonts Ninjaという拡張機能を使うと,以下のように二人のサイトで使用されているフォントが分かる。

f:id:R-kun:20201226112535p:plain

f:id:R-kun:20201226112544p:plain

白石さんのWebサイトでは「Libre Baskerville」「Noto Serif JP」というフォントが使用されている。
白石さんのWebサイトをよく観察すると,主には「Noto Serif JP」が用いられている。
スケジュールページでは「Libre Baskerville」を英数字フォントして使用されている。

西野さんのWebサイトでは「游明朝」が使用されている。どのページにも游明朝が設定されているが,游明朝が表示されない場合には別フォントで表示されるようになっている。

 

「游明朝」はWindowsPCでもMacPCでも予めインストールされているフォントである。
また,フォントファミリーで指定できるフォントでもある。

「Libre Baskerville」と「Noto Serif JP」については,WindowsPCでもMacPCでも予めインストールされているフォントではない。
そのため,自分でインストールする必要がある。
しかし,どちらもGoogleフォントのため,Googleフォントのサイトに行けば無償でインストールすることができる。

fonts.google.com

「Libre Baskerville」と「Noto Serif JP」は以下のリンクからインストールすることができる。

fonts.google.com

fonts.google.com

 

また,「游明朝」と「Libre Baskerville」と「Noto Serif JP」は商用可能なため,比較的導入しやすいフォントだろう。

 

 

当サイトでも使用!

当サイトでも「游明朝」と「Libre Baskerville」と「Noto Serif JP」を使用している。
詳細に言うと,他のフォントも用いているが,主には「游明朝」と「Libre Baskerville」と「Noto Serif JP」である。

具体的には次のように使用している。

 

《ブログ》

  • 本文:游明朝(字游工房
  • タイトル・見出し:M PLUS Rounded 1c(自家製フォント工房)

 

《ホームページ》

 

どれも比較的導入しやすいフォントかつ可視性に富んでいるため,是非使って欲しい。
以上,フォントのお話でした。 

 

 

※追記※

2021年3月16日付で、当サイトのフォントを変更しました。

https://r-kun.blog.jp/font-family.png
上の画像のとおりにフォントファミリーを指定したため、この記事で説明されているフォントと異なるフォントで表示されます。

【変更後】

*ホームページのフォントは変更しておりません。
スマートフォン表示では、スマートフォン標準のフォントで表示されます。

 

※さらに追記※

この記事の掲載から日数が経過し、さらにフォントファミリーの指定を変えています。
この記事に書かれているとおりにフォントファミリーを指定していないかもしれません。
悪しからずご容赦ください。

 

------
Reference:白石麻衣 OFFICIAL WEBSITE (maishiraishi-official.com)西野七瀬オフィシャルサイト (nishinonanase.com)Browse Fonts - Google Fonts
Report:R-kun(龍爆連合™)
Photo:龍爆連合™Office
Screen shots:白石麻衣 OFFICIAL WEBSITE (maishiraishi-official.com)西野七瀬オフィシャルサイト (nishinonanase.com)

 

 

aboutお知らせ利用規約お問い合せ