副業で稼ぐ仕組みの作り方

ttfをwoffに簡単に変換できた!

投稿日:2016年12月24日 更新日:

ttfをwoffに簡単に変換できた!

WEBフォントでttfはあるのに、それ以外がない事って多いですよね

はじめに

WEBフォントを使ってサイトを作成しようと考えたのですが、フリーの物をダウンロードしたらttfファイルしか入っていなかった・・・。
そんな時にお勧めのttfをwoffに簡単に変換する方法をご紹介いたします。

注意事項

ソフトをインストールするので気を付けてね

気になるフォントありますか?

私は「ふい字」フォントをよく使っていますが、WEBフォントとして使用する場合「ttf形式」しか入っていないので全ブラウザに対応していない分諦めていました。

そんな時に見つけたのがWOFFコンバータです。

WOFFコンバータをインストールしよう

webfont

http://opentype.jp/woffconv.htm

WOFFコンバータのサイトにアクセスし、一番下のダウンロードから自分の環境に合ったものをダウンロードします。

webfont2

そして、実行しましょう。

webfont3

インストールはそのまま次へをクリックして最後は完了です。

webfont4

注意としてはショートカットがデスクトップに表示されるわけではないので自分自身で

スタート→すべてのプログラム→WOFFコンバータ

にアクセスします。

ttfをwoffにしよう

では早速「ふい字」のttfをwoffにします

webfont5

  1. WOFFコンバータを起動し、変換前ファイルをふい字にします
  2. 念のためEOTファイルを作成するにチェックを入れる
  3. 変換開始をクリック

以上で完了です。

数秒後にファイルが出来ました。

webfont6

以上でttfをwoffに簡単に変換する方法でした。

さいごに

WEBフォントは可能性が広がる

HPのデザインで唯一フォントだけがいじれませんでした。
WEBフォントを自由に使う事が出来ればデザインの可能性をたくさん広げる事が出来ます。

但し問題としては重いので、サイトの全体に使わない方が良いってとこですかね。
だからタイトルや見出しだけに使うって感じかな。

それやと全体の見栄え的には物足りないかも・・・まぁ全体のフォントを「ふい字」みたいにすると見辛さMAXなんでお勧めしませんがね笑

今日は疲れた!お疲れ様!

-副業で稼ぐ仕組みの作り方
-

執筆者:


comment

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

簡単にカスタムフィールドが使えるCustom Field Suite

カスタムフィールドを使ってみたいが、まったくもって意味がわからないと言う人のためのプラグインです。

フォトショップで文字や人物が簡単に消せたったwww

フォトショップを使えば人物を消す事がこんなにも簡単に出来るとは思ってもみませんでした

さくらインターネットの請求書払い反映されるまで

さくらインターネットで支払い方法を請求書払い(コンビニ払い)にしている際の反映されるまでの時間を調べてみました。

サクラで日本語ドメインを使う方法

サクラサーバーで日本語ドメインを利用するちょっとした裏技をご紹介いたします。

ムーバブルタイプからワードプレスに引越しする方法

ムーバブルタイプからワードプレスに引越しをした時のメモです。

人気の副業記事(24時間で更新)