WordPressに分けスクエアラウンドフォントを適用する方法

WordPress特定のハングルのフォントをアップロードして適用しなければならない状況があります。 この記事では、Use Any Fontプラグインを使用して WordPressに分けスクエアラウンドフォントを適用する方法について説明します。 この方法を使用して、他のフォントもアップロードして適用が可能です。

手動でフォントを適用するために困難な場合は、この方法を利用すると便利です。 この方法でフォントを適用すると、iPhoneのSafariブラウザでもうまく表示されます。

分かち合いスクエアラウンドフォントのダウンロード

Naverでは、2008年から毎年新しいフォントを作成して無料で配布しています。 「分け合いスクエア」は2016年に作られたフォントでタイトルにふさわしい書体です。

まず、分かち合いスウェオラウンドフォントをPCにすべてのとれたロードするようにします。 分かち合いスウェオラウンドフォントは 分かち合いフォント公式サイトからダウンロードが可能です。

分かち合いスウェオラウンドのほか分かち合いスクエア、分かち合い正しいペン、分かち合い正しいゴシック、分かち合いフォントエコー、分かち合い手書き、分かち合いゴシック、分かち合い明朝などのフォントをダウンロードすることができます。 希望のフォントをダウンロードするようにします。 ここでは、分かち合いスクエアラウンドフォントを例として説明します。

ウィンドウのTTFまたはOFFフォーマットでダウンロードすると、無難と思われる。 Use Any Fontでttf、otf、woffフォーマットをサポートします。 ファイルをダウンロードした後蛍家などの解凍プラグインを使用して解凍します。 圧縮を解除するとNanumSquareRoundB、NanumSquareRoundEB、NanumSquareRoundL、NanumSquareRoundRの計4つのフォントファイルがあります。

Use Any Fontプラグインを使用して WordPressに分けスクエアラウンドフォントを適用する

Use Any Fontプラグインを使用すると、カスタマイズされたフォントを WordPress サイトに適用することができ、CSSの知識は必要ありません。 このプラグインは、現在、20万人以上のサイトに設置されて使用されています。

WordPress 管理者ページで プラグイン]> [新規追加に移動して「use any font」で検索し、Use Any Fontプラグインをインストールして有効にします。

このプラグインを有効にすると、管理者ページの左側伝言板メニューにUse Any Fontアイテムが追加されます。 Use Any Font設定ページに移動します。

上記のような画面が表示されたらGenerate Free Test API Keyをクリックして、無料のテストAPIキーを生成したり、 Use Any Font need API key to upload the font。 You can get the premium key from here。のリンクをクリックして、プレミアムバージョンを購入することができます。

無料Test API Keyでは一つのフォントのみ変換が可能です。 複数のフォントを使用する場合は、プレミアムキーが必要です。 費用は比較的安価な方です。 長い時間前に発行されたキーを入力すると、次のようなメッセージが表示されます。

You are using old API Key. Please get your replacement key from here. You don't need to pay again. Use your old key as Discount Coupon and it will apply 100% discount. We are sorry for the inconvenience caused.

このメッセージが表示されたら、リンクをクリックして、プレミアムバージョンをカートに入れDiscount Couponフィールドに既存のAPIキーを入力すると、無料で新しいプレミアムキーを発行することができます。

APIキーを入力した場合 Upload Fonts（フォントアップロード） セクションで Add Fonts（フォントを追加） ボタンをクリックします。

これにより、フォントファイルをアップロードすることができるフィールドが表示されます。 フォント名にフォント名を入力して フォントファイルでファイルを選択し、 アップロード ボタンをクリックしてアップロードします。 許可されているフォント形式はttf、otf、woffで最大25MBまでアップロードが可能です。

フォントのアップロードが完了したら、 Assign Fontでフォントを指定することができます。

Select Font（フォント選択）で適用するフォントを選択します。 Select elements to assign（指定要素を選択）でフォントを指定要素を選択します。 Custom Elements（ユーザー定義の要素） フィールドに直接要素を入力することも可能です。 各ラインにCSSエレメントを入力します。 （例：#content .wrap）

下段の Assign Font ボタンをクリックすると、適用されます。 必要なすべての要素に対してフォントを指定するようにします。 ページをリロードすると、指定したフォントが適用されて表示されます。

場合によっては、フォントの読み込み速度が遅くページのコンテンツがロードされた後に、テキストがロードされる現象が発生することがあります。 フォントの読み込みのためにページの読み込み速度が遅くなる現象が発生した場合 Additional Settings（Usually not required） 部分で Use PHP uploader。 Need PHP Curl。 項目をチェックすると、フォントが迅速にロードすることができます。

このオプションは、一般的には必要ありませんが、フォント、テキストが遅いロードされるときに試してみます。 この機能を利用するには、WebホスティングサーバーにPHP Curlがインストールされている必要があります。

最後に、

以上でプラグインを使用して WordPressに分けスクエアラウンドフォントを適用する方法を説明しました。 この方法で必要な他のフォントも適用が可能です。

このプラグインを使用してもうまく機能しない場合は、CSSで強制的にフォントを指定してください。 フォントの適用に問題がある場合 ここでサービス（有料）をご依頼することができます。

プラグインを使用せずにフォントを直接適用したい場合は、以下のビデオを参照してください。

参照

• WordPress Impreza テーマでハングル分けゴシックフォントを設定する方法