adobe fontsのフォントをはてなブログに適用した話

adobe fonts

webプロジェクトに追加　を選択します。

任意の名前のプロジェクトを付けます。

今回ははてなブログというプロジェクト名にしました。

追加されたフォントのfont-familyは後でCSSで指定するので把握しておきます。

スクリプトを取得したら一旦終わりで、はてなブログの設定を始めます。

はてなブログ

詳細設定

設定→詳細設定

以下のようにadobeで取得したスクリプトをペーストします。

デザイン

デザイン→カスタマイズ→デザインCSS

以下を貼り付けます。

tbudrgothic-stdをフォントとして使う場合は以下のように書きます。

body {
  font-family: tbudrgothic-std, sans-serif;
}

a {
  font-family: tbudrgothic-std, sans-serif;
}

div {
  font-family: tbudrgothic-std, sans-serif;
}

div.hatena-module-title  {
  font-family: tbudrgothic-std, sans-serif;
}

これで、はてなブログにadobe fontsを適用できます。