web-dev-qa-db-ja.com

Linux-インストールされたアイコンフォント、レンダリングされない

Antergosインストールにアイコンフォント https://materialdesignicons.com をインストールしましたが、レンダリングされないようです。ランニング fc-listインストールされているフォントのリストに表示されます。 gucharmapを使用して、グリフを表示することもできます。しかし、コピーするためにそれらを表示しようとすると、ここに見られるように、何も奇妙な文字が表示されません: gucharmap 何が問題なのですか?

1
José María

問題は、私のシステムにインストールされたフォントAdobe Blankでした(理由はわかりません)。アドビ自体から:

Adobe Blankは、非間隔および非マーキングのグリフを使用してすべてのUnicodeコードポイントをレンダリングすることを目的とした特別な目的のOpenTypeフォントです。 [...]次の2つの目的を果たします。

  • 一時的な手段としてこのフォントを呼び出すと、目的のフォントをレンダリングする前に、OSレベルまたはアプリケーションレベルのフォントフォールバックが開始されなくなります。
  • 上記に関連して、フォントを使用すると、Webフォントが実際にロードされたことを検出できます。これは、CSSの制限を克服するためのハックであると考えられます。

このフォントを無効にすると、すべてが完全に機能します。多分それは最良の解決策ではありませんが、それは私が今持っている最良の解決策です。

0
José María

私はあなたの質問をもう一度読みました:フォントアイコンがどのように機能するかについて誤解があるようです。

では、それらnotはどのように機能しますか?コピー/貼り付けを使用するだけです。

それらはどのようにdo機能しますか?これは、通常の文字グリフを持たない特別なフォントです。だからあなたがタイプするとき A、実際にはMicrosoftAccessアイコンなどが表示される場合があります。

FontAwesomeを例にとってみましょう。 Webで使用するために作成され、CSSスタイルが付属しています。たとえば、Amazonアイコンを使用する場合、次のCSSクラスが使用されます。

.fa-Amazon::before {
    content: "\f270";
}

つまり、コードポイント0xF270の文字を使用しています。この文字を別のフォントで表示しようとすると、ほとんどの場合、何も表示されないか、プレースホルダーが表示されます。

nicode-table.comによる このコードポイントは、いわゆる私用面にあります。そこには標準化された文字はありません。

この文字の表示に使用されるフォントがFontAwesomeの場合にのみ、Amazonアイコンが表示されます。

これはすべて、使用しているフォントにも当てはまります。 「コピーするテキスト」フィールドはnotアイコンフォントを使用して文字を表示しないため、決して選択したアイコンが表示されます。代わりに、「ガベージテキスト」のように見えるものが表示されます。

イーサネットアイコンのCSSクラスは次のとおりです。

.mdi-ethernet:before {
  content: "\F200";
}

他の場所でフォントを使用する方法は? LibreOffice Writerなどを開いて、そこに「ガベージテキスト」を貼り付けます。次に、貼り付けたテキストを選択し、そのフォントをアイコンフォントに変更する必要があります。アイコンフォントは、他のフォントと同じようにフォント選択に表示されます。そうして初めて、目的のアイコンが表示されます。

enter image description here

0
Daniel B