
フォントテスターについて

適切なフォントを選択するのが難しいと感じますか?次に、ウェブサイトで1000以上の無料のGoogleフォントタイプをテストします。
この拡張機能を使用して、ウェブサイトタイポグラフィで上手になります。
これで、ウェブサイトにアクセスして、拡張機能をクリックし、フォントをテストし、コードと一緒に好きなものを選択できます。

Chrome Extensionストアから拡張機能をダウンロードします
または
distフォルダーをリリースからダウンロードして、手動でロードできます
Changelogsの詳細を読んでください
test 1000+ Googleフォントをテストします
webページで使用されるフォントタイプを見つけます
dropdownドロップダウンでフォントをプレビューします
webページの周りにモーダルを移動します。
✅イタリック、下線、ウェイト、ラインの高さなどを設定します。
fontフォントサイズ、フィルター(プレミアムユーザー)を設定します
✅色、文字間隔(プレミアムユーザー)のセット
clocialローカルフォント(プレミアムユーザー)をアップロードします
ロードマップの詳細
完全な指示とデモについては、ドキュメントをお読みください
注記
部分的なテキストの選択中、適用されるフォントは、要素間のテキスト全体に影響します。これは、選択に挿入する要素がスタイルに影響する可能性があるためです。ただし、将来的には、ユーザーのフィードバックに基づいて、選択の周りに要素を包むことがあります。
高度な機能などを取得します
| タイプ | 無料 | プレミアム |
|---|---|---|
| オープンソースの開発をサポートします | ?§ | ? |
| 優先サポート- (機能のリクエスト、問題の優先順位) | コミュニティサポート | ✅ |
| 生涯ライセンス(1回限りの購入) | ?§ | ✅ |
| 無料アップデート | ❓❓️ | ✅ |
| ローカルフォントをアップロードします | ✅ | |
| フォントサイズを調整します | ✅ | |
| 今後の機能への早期アクセス | ✅ | |
| フォントの色を調整します | ✅ | |
| 暗いテーマ | ✅ | |
| EdgeとFirefoxの拡張 | ✅ | |
| 価格 | 無料 | 価格 |
| 今すぐ注文してください! | - | ライセンスを取得します |
a。フォントテスター拡張機能を使用して、任意のWebページで異なるフォントをテストできます。
a。フォントテスター拡張機能を使用して、任意のWebページでフォントを見つけることができます。
a。ライセンスを購入して、ローカルフォントをテストできます。さまざまなタイポグラフィをテストするのに役立つ機能が増えています。
拡張機能に必要なmanifest.jsonは、パブリックフォルダー内にあります。
拡張機能をローカルにロードします。 [拡張子]に移動します - > [ロード]アンパック - > distフォルダー(ビルドフォルダー)にポイントします。
開発の使用
npm run build:dev
これは、拡張機能がビルドフォルダーを指す必要があるためです。このコマンドを使用して、すべての保存で再構築する必要はありません。
開発の場合、 npm startを使用することもできますが、拡張機能としてではなくReactアプリとしてロードすることはできません。
いくつかの重要なメモ: