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

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 を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

ECキューブ2.11.5のインストール方法

ショッピングサイトの構築をするならECキューブと言うことで今回はインストール方法をご紹介致します。

FC2ショッピングカートの販売する為の設定

FC2ショッピングカートに登録し、ネットショッピング開設するまでの流れをご紹介いたします。

似顔絵イラストを無料で作れるサイト

副業で自分自身の顔を載せるのが嫌だと言う方に是非利用して頂きたい似顔絵イラストを無料で作れるサイトをご紹介いたします。

プラグインのインストール方法【ワードプレス】

ワードプレスは必要時に応じてプラグインをインストールする事でさまざまな機能を追加する事が可能です。今回はインストールの方法をご紹介いたします。

商品一覧ページを第一階層ごとにデザインを変える【ECキューブ2.12】

商品のカテゴリが数百とある場合、クライアントが欲しい商品を探すのに苦労してしまいます。

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