☰

テキストエディタでアイコンフォントを使用するには？

tag-icon • tag-icon fonts icons ttf
テキストエディタでアイコンフォントを使用するには？

現在プレイ中ですポリバー提供された美しいテーマをカスタマイズしようとしています。ここ。

バーに美しいアイコンを表示するために上記のテーマを使用してください。素材アイコン、次のように設定します。

content =  <- here is the character icon

上記のように、stackoverflowは文字を正しくレンダリングできません。

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

  • 私のテキストエディタもフォントを正しくレンダリングしません（私はSublimeText 3とVimを使用しています）：四角形またはスペースが見えます。 Polybarを実行しないと、どのアイコンが設定されているのかわかりません。
  • 新しいアイコンを使用したいのですが、どのように入力するのかわかりません。コピー/貼り付けする必要がありますか？どこで？私は次のようなものを使うべきですキャラクターマップ？それでは、テキストエディタに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

使っています

  • オペレーティングシステム: Antergos -> アーチ
  • vim：urxvt端末から

答え1

新しいアイコンを使用したいのですが、どのように入力するのかわかりません。コピー/貼り付けする必要がありますか？どこで？ CharMapなどのツールを使用する必要がありますか？それでは、テキストエディタにUnicodeを挿入するにはどうすればよいですか？

これらのフォントアイコンを見つけるのに役立つツールは次のとおりです。GNOME文字表（縮小して球差マップ）。

まず、次を選択してUnicodeブロックに文字をグループ化するようにgucharmapを設定する必要がありますView -> By Unicode Block。

フォントアイコンは通常、事前定義された文字のないブロックである「個人使用領域」ブロックにあります。フォントは制限なく文字を定義できます。左側の「個人使用領域」を選択できます。少し）:

旧来のマッププライベートスペース

その後、左上に文字を表示したいフォントを選択できます。最後に、この機能も有効にする必要があり、フォントが提供する文字のみを表示できますView -> Show only glyphs from this font。

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

私のテキストエディタもフォントを正しくレンダリングしません（私はSublimeText 3とVimを使用しています）：四角形またはスペースが見えます。 Polybarを実行しないと、どのアイコンが設定されているのかわかりません。

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

端末でvimを使用している場合、文字を表示するのは端末に依存し、vimはここでは機能しません。上記のように、ターミナルエミュレータを使用すると、通常はフォントリストを定義できます。たとえば、urxvt を使用すると、ファイル内でテキストを表示するために使用されるフォントのリストをURxvt.font設定できます。.Xresources

関連情報