稼げる副業でお小遣いを稼ぐ方法

稼げる副業でお小遣いを稼ぐだけじゃなく、料理や映画アニメ、趣味などメモにも使っているブログ

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

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

関連記事

ワードプレスで画面が真っ白になった時の対処法

ワードプレスって結構画面を真っ白にしている人多いですよね笑 関連記事: カスタムフィールドで画像を出力する時のヒント【ワードプレス】 【WordPress】lightning proでカスタムフィール …

サブドメインの設定【サクラサーバー】

今回はサブドメインの設定方法です。サブドメインを設定する事で様々なメリットがございます。副業で使う際の一例などもご紹介させて頂きます。 関連記事: カスタムフィールドで画像を出力する時のヒント【ワード …

投稿のビジュアルにcssを反映させる

ビジュアルと実際のデザインが違うんだが・・・・ 関連記事: 似顔絵イラストを無料で作れるサイト ワードプレスにソースコードを表示させるプラグイン【SyntaxHighlighter】 シーサーブログに …

クリックで位置を強調する方法

プレゼンテーションや画面が小さい時に役立つ強調系ソフト紹介です。 はじめに 副業でよくある動画コンテンツを配信する際に使えるソフトをご紹介いたします。 もくじ ダウンロードしよう ソフトを解凍しよう …

さくらでディレクトリを隠す方法

ディレクトリ一覧や構造が見えるのってなんだか嫌ですよね。 関連記事: カスタムフィールドで画像を出力する時のヒント【ワードプレス】 【EC-CUBE】管理画面に色々な箇所のファイルを呼び出す方法 Bi …