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

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

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

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のビジュアルとテキストの切り替えが出来ない時

ビジュアルとテキストの切り替えができない・・・そんな時の対策をご紹介 関連記事: PS Auto Sitemapでサイトマップを自動生成(ワードプレス) スマホ画面の一番下にふわっとコンテンツを表示さ …

ご注意: 3 日後に、お客様のサブドメインに対するブロックのコントロールはドメインレベルで適用されるようになります

ある日Gmailにgoogleからこんなメールが届いていました 関連記事: Googleアドセンスから警告がきました 検索結果に著者情報を掲載する方法 【2019年版】googleショッピングに掲載す …

データベース接続確立エラーの解消法

ワードプレスにアクセスすると真っ白の背景にデータベース接続確立エラーと言う文字が出た時の対処法です。 関連記事: ECCUBE2系から4系へ移行してみた さくらサーバのMySQL5.〇からMySQL5 …

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

ワードプレスは必要時に応じてプラグインをインストールする事でさまざまな機能を追加する事が可能です。今回はインストールの方法をご紹介いたします。 関連記事: Googleアドセンスから警告がきました ワ …

【EC-CUBE】ブロックで作成したtplファイルを呼び出す方法

EC-CUBEで管理画面からブロックを読み込む簡単な方法をご紹介いたします。 関連記事: 【EC-CUBE】管理画面に色々な箇所のファイルを呼び出す方法 商品一覧ページを第一階層ごとにデザインを変える …