当ブログでは、TypeSquare(タイプスクウェア)のWebフォントを使用しています。
TypeSquareは、印刷物でも使われている、フォントメーカーの株式会社モリサワが運営しています。
私のブログは条件をクリアしていたので、無料で使用できています。(条件はコチラでご確認を。)
有料になるくらいこのサイトが盛り上がることがあれば、嬉しい悲鳴なんだけど。笑
使用手順
- 会員登録後、マイページにて、使用したいフォントやサイト等を設定。
- プラン設定詳細内の「プラン専用タグ」をコピー。
- 自分のブログの「設定」「詳細設定」「headに要素を追加」の一番下に貼り付け。
- 自分のブログの「デザイン」「カスタマイズ」「デザインCSS」に、フォントを適用させるコードを追記。
当ブログでは、以下のコードを使っています。
「ヒラギノUD丸ゴ W6 JIS2004」を選んでみました。
適用範囲
先述のコードでは、本文だけでなく、サイト全体にフォントが適用されます。
ただ、後から読みこまれた部分には、文字が反映されないみたいです。(当ブログでは、コメント欄、注目記事欄などが、部分的に別フォントで表示される。)今は無料版を使っているので、仕方ないです。
JavaScriptなどで後から追加した文字に、TypeSquareを適用することはできますか? – TypeSquare
参考画像
このフォントを選んだ経緯などは、改めて別の記事に書きます。
はてなブログに投稿しました #はてなブログ
— やぁのん (@yaanon_21) January 19, 2021
ブログにTypeSquare(タイプスクウェア)のWebフォントを適用しています。仕様手順を簡単に記録しました。#TypeSquare #モリサワ #ヒラギノUD丸ゴ
-
はてなブログでTypeSquareのWebフォントを導入 - はんこキャプターやぁのんhttps://t.co/Uf7IWbFdeM