GoogleFontを使って部分的にFontを変更する方法
部分的にフォントを変える方法
全体はAフォントを使いたいが、一部分だけBフォントを使いたいという場面があったのでメモをしておきます。
今回はRock Saltというフォントを一部分だけ使用します。
まずincludeは両方を記載しbodyには全体に適用したいフォントを設定。
<link href="https://fonts.googleapis.com/css?family=Suez+One|Rock+Salt" rel="stylesheet">
<style>body {font-family: 'Suez One', serif;}</style>
そして部分的に使用したい箇所にはこのように記述する。
<h1 style="font-family: Rock Salt">XXXXXX</h1>
意外と簡単でした！！
今回は下記を参考にしています。
