WordPressでブログアフィリエイト
を参考にして、WordPressにWebフォントを導入してみる。

IEはEOT形式のみ、Safari、Chrome、Firefox、OperaはTTFが使用可能とのこと。

IPAexフォントは使用に問題がなさそうなので、これを利用してみる。

IPAexフォント/IPAフォント　ダウンロード　トップページ

解凍するとTTFフォントなので、IE用に以下のサイトでEOTに変換する。
（ファイル指定して「conbert to .eot」をクリックするとしばらく無反応に見えるが待っているとダウンロードの案内が表示された）

ttf2eot　（ファイルコンバート用のページ）

TTFと出来上がったEOTをアップロード。
場所は使用中のテーマディレクトリ内（/wp-content/themes/***）にアップ。

cssに以下を加える。（style.css）

@font-face {
font-family: ‘ipaexg’ ;
src:url(ipaexg.eot); /* IE */
}

@font-face {
font-family: ‘ipaexg’ ;
src:url(ipaexg.ttf); /* Safafi、chrome、Firefox、Opera */
}

@font-face {
font-family: ‘ipaexm’ ;
src:url(ipaexm.eot) ; /* IE */
}

@font-face {
font-family: ‘ipaexm’ ;
src:url(ipaexm.ttf) ; /* Safafi、chrome、Firefox、Opera */
}

あとはWebフォントを適用したい場所にfont-familyの指定をすればよい。

（サンプル）
今日はとても暑い(IPAexゴシック、サイズ1.5em)
今日はとても暑い(IPAex明朝、サイズ1.5em)

 

（１）インストールしたいサーバーのFTP情報とデータベース情報（なければ作成）を確認しておく。

（２）http://ja.wordpress.org/

上記で最新版をダウンロードする。

（３）解凍してFTPでアップロード

（４）アップロードしたアドレスにアクセスすると「wp-config.php」が必要という文章が現れる。ここで「設定ファイルを作成する」ボタンをクリック

（５）必要項目に入力

・データベース名

・データベースユーザー名

・データベースパスワード

・データベースのホスト名：localhost　でうまくいかない場合はサーバー情報を再確認

・テーブルの接頭辞：適当で良いが、デフォルトでOK

（６）エラーが無ければ「インストール実行」ボタンが現れるのでクリック

※エラーが出たら、

・.htaccessファイルの有無と内容

・wp-config.phpの内容を確認

（７）必要事項に入力

・サイトのタイトル

・ユーザー名

・パスワード（2回）

・メールアドレス

・Googleインデックスの可否（チェックボタン）

（８）インストール完了、ログインして編集開始

 

参照

コーアサーバーにWordPressをインストールするときのメモ