フロントエンド プロジェクトは Alibaba アイコンを使用します

1. Alibaba アイコンライブラリに入る

Alibaba ベクター アイコン ライブラリ: https://www.iconfont.cn

  1. 必要なアイコンを見つけます --> ライブラリに追加
    ここに画像の説明を挿入します

  2. ショッピング カートをクリックすると、追加したアイコンが表示されます -> [プロジェクトに追加] をクリックします (既存のプロジェクトに追加するか、新しいプロジェクトを作成します)。
    ここに画像の説明を挿入します

  3. リソース管理からマイプロジェクトに移動 -> プロジェクトをローカルにダウンロードして解凍します
    ここに画像の説明を挿入します

2.解凍されたttfファイルをオンラインでbase64形式に変換します

オンライン変換ttfファイルWebサイト:https://transfonter.org/

  1. 抽出した .ttf サフィックス ファイルを追加します
    ここに画像の説明を挿入します

  2. 変換タイプを選択 --> [変換] をクリックします
    ここに画像の説明を挿入します

  3. 変換されたファイルをダウンロードします—>stylesheet.css ファイルの内容をすべてコピーします
    ここに画像の説明を挿入します

  4. プロジェクト内にフォント ファイルを作成 --> コピーしたコンテンツを貼り付けます
    ここに画像の説明を挿入します

  5. Unicode で Alibaba アイコン プロジェクトを開き、必要なアイコン コードをコピーします
    -> プロジェクト内のスタイル クラス名を使用し、表示したい領域にコードを貼り付けます
    ここに画像の説明を挿入します

  6. その後、引き続きクラス名を追加し、アイコンの他のスタイルを作成できます。

おすすめ

転載: blog.csdn.net/Joye_7y/article/details/125780756