reader font

リーダーフォント

Reader Fontは、フォントファイルにコンテンツを読み取り、表示するために設計された強力なフォントファイル読み取りツールです。単一のエクスポート、ダウンロード、およびフォントアイコンのその他の操作をサポートし、ユーザーがフォントアイコンを簡単に管理および使用できるようにします。

オンラインデモンストレーションアドレス：https：//alexpang.cn/reader-font/

機能的特徴

• フォントアップロード： .ttfおよび.woff形式のフォントファイルのアップロードをサポートします。
• アイコン参照：フォントファイルにすべてのアイコンを表示し、名前で検索をサポートします。
• アイコンの詳細：Unicode、名前、SVGパスなど、アイコンの詳細情報を表示します。
• アイコン操作：
  • 色を変更します
  • 回転、ズーム、変位
  • グリッドを表示/非表示にします
  • SVGおよびPNG形式をダウンロードします
  • SVGコードをコピーします

インストールと実行

環境要件

• node.jsバージョン> = 14
• NPMバージョン> = 6

インストール手順

1. プロジェクトをローカルにクローニングする：

   git clone https://github.com/Alessandro-Pang/reader-font.git

2. プロジェクトディレクトリを入力してください：

    cd reader-font

3. インストール依存関係：

   npm install

4. プロジェクトを開始します：

   npm run dev

5. http://localhost:3000開き、プロジェクトを表示します。

使用する手順

1. アップロードフォント：フォントファイルをクリックまたはドラッグアップロード領域にドラッグします。
2. アイコンの参照：アップロードが成功した後、インターフェイスはフォント内のすべてのアイコンを表示します。
3. 詳細を表示：アイコンをクリックして、詳細と操作オプションを表示します。
4. 操作アイコン：詳細ポップアップウィンドウで、アイコンの色、回転、ズーム、変位などを変更できます。
5. ダウンロードしてコピー：SVGまたはPNG形式のダウンロードアイコンをサポートするか、SVGコードをコピーします。

スクリーンショット

貢献ガイド

このプロジェクトに貢献してください！これらの手順に従ってください：

1. この倉庫をフォークします。
2. 機能ブランチ（ git checkout -b feature/YourFeature ）を作成します。
3. 変更を送信します（ git commit -m 'Add some feature' ）。
4. ブランチにプッシュ（ git push origin feature/YourFeature ）。
5. プルリクエストを送信します。

ライセンス

このプロジェクトは、MITライセンスに基づいたオープンソースです。詳細については、ライセンスファイルを参照してください。