初心者SEOのごった煮サイト

OTFとTTFとWOFFの違い【フォントタイプ】

公開 2017年9月21日更新 2021年3月2日

本ページはプロモーションを含みます

この記事は 2017年9月21日 に書いたものです。画面や手順が今と違うことがあります。

広告
目次
  1. OTFとTTFの違い – 2016年頃の情報
  2. WOFFとは?
  3. Webサーバでオリジナルフォントを使う
  4. まとめ
OTFとTTFはパソコンにインストールして使うフォントです。以前は、OTFはPowerPoint等に埋め込めませんでしたが、今は埋め込めます。利用上、OTFとTTFにほとんど違いはありません。WOFFはWebサーバで利用するフォントです。OTFやTTFを圧縮したものです。
Welcome
  • トラブル回避のためには、TTF(True Type Font)を利用する
  • 今は、OTF(Open Type Font)でも大丈夫
  • Webサーバは圧縮したWOFF(Web Open Font Format)を利用する

OTFとTTFの違い – 2016年頃の情報

2016年頃までは、OTFフォントはPowerPointなどの資料に埋め込んで配布することができなかったはずです。

Office プログラムでドキュメントの Adobe の OpenType フォントを埋め込むことはできません。

なので、配布資料やデザインを作る場合は、TTFフォントを利用する必要がありました。

しかし、現在は、OTFのフォントもTTFと同様に、Powerpointに埋め込むことができるようです。

なので、利用する立場では、OTFとTTFの違いを意識する必要はなくなりました。

WOFFとは?

WOFFフォントは、Webサーバで利用するフォント形式です。OTFやTTFを圧縮して作成します。

武蔵システム様ご提供の、WOFFコンバーターを利用すると変換することができます。

独自フォントのWebサイトを使いたい方はご利用ください。

パソコンに入っているフォントを、WOFFコンバータを使えば、Webサーバ用に利用することは可能です。

しかし、フォントによっては利用規約に関わってしまうこともあると思いますので、ぜひ前もって確認をお願いします。

あわせて読みたい【解決】Font Awesomeの文字化けの修正方法

Webサーバでオリジナルフォントを使う

Webサーバでオリジナルフォントを利用したい場合は、以下の記事をご参照ください。

Webフォントの設定【サーバにフォントをインストール】

まとめ

OTFとTTFの違いはさほど意識する必要がありません。迷ったらTTFのほうが後々トラブルに合わない程度でいいと思います。WOFFはWebサーバ用のフォントです。Webで独自にフォントを設定したい場合は、覚えておくといいかと思います。

広告
広告