ゼロからの技術ブログ

初学者がゼロの状態から理解するまでの軌跡を書いていくブログ

RailsにGoogle Fontを適用させる

Railsでフォントなんか使いたいなーと思った時にGoogleFontなるものを発見。
fonts.google.com

これをRailsに適用させた時のメモ。


好きなフォントを選ぶ

選んで右上の+ボタンを押すと下のバーに追加されまっす。
f:id:morototo:20170806163956p:plain

リンクをコピー

生成されたリンクをコピーしてrailsのheadタグ内に挿入します。

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine"> #挿入
    ~~~~~~~~~~~~~~~~~~~
    ~~~~~~~~~~~~~~~~~~~
  </head>

  <body>
    <%= yield %>
  </body>
</html>

cssファイルにてfont-familyで使用する

p {
	font-family: 'Tangerine', serif;
	font-size: 400%;
}

参考URL

stackoverflow.com