ブログ ホームページのフォント変更

目次

サイトに個性を!自分の筆跡?

2020/9/17からフォントを変更しました。サイトに個性が出ます。自分自身の筆跡が反映されている?らしいのでうれしい気分?どうやれば作れるのでしょうか。

マイフォントプレミアムって?

以下のステップで文字を作成してくれるサービスです。お値段次第だと思います。

  • ライセンスを購入して、ライセンスキーを入手する。
  • マイフォントプレミアムのサイトで、ライセンスキーを登録する
  • マイフォントプレミアムのサイトでA41枚の手書き書式をダウンロード
  • 手書き書式をプリントして自筆文字を記入する。
  • 自筆記入手書き書式をスキャンするか写真撮影して取り込む
  • マイフォントプレミアムサイトで取り込んだ画像で作成手続きする。
  • そのデータをもとにAIがフォントを作ってくれる。
  • 出来上がるとメールで知らせてくれるのでダウンロードする。

ライセンス購入から作成まで。

細かい手順は、各種サイトに掲載されていますので参考にしてください。下記の検索結果を参考にしてください。

グーグルでの検索例

価格がねえ。え?時々キャンペーン!?

マイフォントプレミアムは通常価格はお高いのですが、うれしいことに時々キャンペーンをしてくれます。これまでの最安値は1980円でした。私は2980円で購入しました。

結構お高いのですが、時々キャンペーンをしています。下記、検索結果を参考にしてください。

グーグルでの検索例

サイトへの反映手順 Wordpress設定

WordPressでの設定方法です。私のサイトは自宅にあるsynologyNAS上で動いています。下記のような手順で利用しています。

  • WIN10PCでフォントを変換する。
  • 変換したフォントをsynologyNASに転送する。
  • WordPressの設定で利用するよう指定する。

フォントをオンライン変換する

マイフォントプレミアムで入手したフォントはttfというタイプのファイルです。wordpressではwoffというタイプに変更する必要があります。無料でフォント変換してくれるサイトがありそれを利用して変換しました。Convertio様ありがとうございました。

無料変換サイト

マイフォントプレミアムでダウンロードしたファイルをアップロードして変換してもらいます。サイト内の下記の赤いタグ”ファイルを選択”をクリックします。

選択画面が表示されるのでそこから選びます。

選択するとファイル名が表示され、変換するファイルタイプ、ここではWOFFを選択します。その後変換を選択します。ファイルがアップロードされ、変換されます。

変換完了したがめんです。ここでダウンロードを選択してPCにダウンロードします。

WordPressにフォントを設定する。

フォントを設定する方法には

  • スタイルcssを編集する
  • プラグインを導入する
  • 追加cssで設定する

もっとも変更が少ないのは追加cssなのでその方法で設定しました。ダッシュボード内の”サイトをカスタマイズ”を選択します

左側の”追加css”を選択します

編集でフォント指定を追加します。

*{ font-family: ‘p01’; src: url( “/p01.woff”) format(‘woff’); / medium */
font-weight: normal;
font-style: normal;
}

フォント変更の調査は下記のグーグル検索で教えてもらいました。

グーグルでの検索例

親和感があり気に入っています。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です