web-dev-qa-db-ja.com

テキストエディタでアイコンフォントを使用するにはどうすればよいですか?

私は現在 Polybar で遊んでいて、提供されている美しいテーマをカスタマイズしようとしています here

バーに見栄えの良いアイコンを表示するには、上記のテーマで Material Icons を使用して設定します。

content =  <- here is the character icon

上記のように、stackoverflowはキャラクターを適切にレンダリングしません。

私の問題は2つあります。

  • 私のテキストエディターもフォントを適切にレンダリングしません(私はSublimeText 3とVimを使用しています):正方形または空白が表示されます。ポリバーを起動せずに設定されているアイコンを知るのは簡単ではありません。
  • 新しいアイコンを使用したいのですが、入力方法がわかりません。コピー/貼り付けしますか?どこから? CharMap などのツールを使用する必要がありますか?次に、テキストエディタにUnicodeを挿入するにはどうすればよいですか?

上記のキャラクターショーに関する情報

U+E1BD  - No such unicode character name in database
UTF-8: ee 86 bd  UTF-16BE: e1bd  Decimal: &#57789;
 ()
Uppercase: U+E1BD
Category: Co (Other, Private Use)
Bidi: L (Left-to-Right)

アイコンはここにあります: https://material.io/tools/icons/?icon=widgets&style=baseline


使ってます

  • OS:Antergos-> Arch
  • vim:urxvtターミナルで
3
Ben

新しいアイコンを使用したい場合、それを入力する方法がわかりません。コピーして貼り付ける必要がありますか?どこから? CharMapなどのツールを使用する必要がありますか?そして、どうすればユニコードをテキストエディターに挿入できますか?

このようなフォントアイコンを見つけるための頼りになるツールは GNOME Character Map (略してgucharmap)です。

最初に、Unicodeブロックで文字をグループ化するようにgucharmapを設定する必要があります。これは、View -> By Unicode Blockを選択することによって行われます。

フォントアイコンは、通常、フォントが制限なしに文字を定義できる定義済み文字のないブロックである「プライベート使用領域」ブロックにあります。左側の「プライベート使用領域」を選択できます(少しスクロールする必要がある場合があります):

gucharmap private use area

その後、左上から文字を表示するフォントを選択できます。最後に、View -> Show only glyphs from this fontも有効にする必要があります。これにより、このフォントが提供する文字のみが表示されるようになります。

これで、使用可能なすべての文字を簡単に参照できるだけでなく、それらをダブルクリックして、文字をコピーできる下部のテキストフィールドに貼り付けることができます。エディター自体が文字を表示できない場合でも、コピーした文字をエディターに貼り付けると機能します。

私のテキストエディタもフォントを正しくレンダリングしません(私はSublimeText 3とVimを使用しています):正方形または空白が表示されます。ポリバーを起動せずに設定されているアイコンを知るのは簡単ではありません。

Sublimeやgvimなどのグラフィカルアプリケーションの場合、通常、アプリケーションがフォントアイコンを収集する必要のあるフォントのリストを定義できます。アイコンフォントをそのフォントリストに追加する必要があります。

ターミナルでvimを使用する場合、vimがここで何の役割も果たさない文字を表示するかどうかは、ターミナルに完全に依存します。上記のように、ターミナルエミュレータは通常、フォントのリストを定義する機能を提供します。たとえば、urxvtを使用すると、URxvt.fontファイル内の.Xresourcesを、テキストの表示に使用するフォントのリストに設定できます。

2
Patrick Ziegler