問題タブ [google-material-icons]

Electron アプリで Google Material Icons を使用しようとしていますが、アイコンのレンダリングで問題が発生しました。アイコンは Windows では完全にレンダリングされますが、OSX ではレンダリングされません。devtools を使用すると、どちらもフォントを「woff2」形式で正常に要求することがわかりましたが、Windows だけがアイコンをレンダリングしているように見えます...OSX は単に合字テキストをリストします。

Windows（左）、OSX（右）

これらはWindowsビルドでは機能しますが、OSXでは機能しません...単にリストhomeまたは

私も試してみました

これが OSX 用の chromium ビルドの問題なのか、OS フォントの問題なのか、それとも何なのかわかりません。誰かが試してみるべきことについて何かガイダンスを提供できれば、私は本当に助けていただければ幸いです.

使用しているCSSはこちら

ボタンと mdl-menu をツールチップとして HTML ページに挿入したいと思います。

サンプルの Javascript コードを次に示します。

そしてhtmlは単純です：

問題は、ボタンのクリック時にメニューが期待どおりに表示されないことです。ただし、htmlでハードコーディングすると機能します。

問題は、ボタンのクリック時に mdl-menu をポップアップさせる方法です。ありがとう！

これは、テスト用に作成したjsFiddleです。

でシステムフォントを使用していUILabelます。テキスト内の一部のアイコンには icon-font を使用する必要があります。のコンテンツUILabelは動的で、サーバーからフェッチされます。英数字にはシステム フォントを使用し、アイコンには icon-font を使用する必要があります。これは、テキストと絵文字を一緒に表示する iOS に似ています。

私はそれを行ういくつかの方法を見つけました：

1. のフォントとして icon-font を使用しますUILabel。ここでは、テキストのフォントを指定できません
2. NSAttributedStringテキストとアイコンに異なるフォントを割り当てるために使用します

これを行うより良い方法はありますか？

Cordova を使用して、Web アプリケーションを機能するハイブリッド モバイル アプリに変換しています。私は Google のマテリアル アイコン セットを使用しており、各マルチネーム アイコン (つまり、photo_camera) は 2 つの異なるアイコンに変換されます。この奇妙な問題は、cordova でのみ発生します。

コード：

結果：

何か案が？

私の Rails アプリケーションには、Highcharts で生成されたアイコンを含むグラフがあります。アイコンは、マテリアル アイコン ジェムを介して取得した Google マテリアル デザインのアイコンです。https://github.com/Angelmmigel/material_icons .

アイコンで2つのことをしたい：

1. 数値ラベルの代わりに、スマイリーが必要です。これは私が働いた

   

2. ツールチップの数値の代わりに、スマイリーが必要です。これが間違っているところです。

   JavaScript のエポック時間 (ミリ秒) であるため、日付を解析する必要があります。+ icon日付なしで表示されます。追加する+ iconと機能せず、日付が正しくレンダリングされません。私が気づいたのは、アイコンが線自体よりも高いということです。これはCSSの問題だと思いますが、修正方法がわかりません。
   なし:あり:

返信ありがとうございます。

Google マテリアル アイコンには、「リーク追加」および「リーク削除」アイコンが含まれています。それらが実際に何に使用されているかを調べようとしましたが、Web ページや他の場所で手がかりを見つけることができませんでした. 外観は次のとおりです。

この 2 つのアイコンの意味を説明できる人はいますか? メモリリーク、情報リークに使用されていますか、それともwifiと関係がありますか?

ありがとう