Dashicons を画像として使用する方法についての考察

要領は Genericons のときと全く同じで OK でした。

Dashicons のフォントファイルの取得先は、まず、以下のリンクをクリック。

以下のリンクをクリック。

Download ZIP」ボタンをクリックして、zip ファイルをダウンロード後、そのファイルを開いて、

fonts」フォルダをクリック。

2016-02-29 at 8.42.png

dashicons.ttf」ファイルを右クリック。

2016-02-29 at 8.43.png

このアプリケーションで開く →  Font Book (デフォルト)」をクリック。

2016-02-29 at 8.43.png

フォントをインストール」ボタンをクリックで OK でした。

2016-02-29 at 8.43.png

あとは、Dashicons の一覧表からアイコンを適宜選択し、 Glyph をコピー。

2016-02-29 at 8.47.png

Omnigraffle をテキスト入力モードにし、

2016-02-29 at 8.49.png

アイコンを貼り付け、

2016-02-29 at 8.48.png

フォントの設定画面で、

2016-02-29 at 8.50.png

フォントの種類を「Dashicons」に設定するなどしたら、

2016-02-29 at 8.51.png

OK でした。

2016-02-29 at 8.36.png

広告

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。