フォントテストページ
http://www.impallari.com/testingで使用できる安定したリリース
フォントテストページは、主にタイプデザイナーが「ドラッグアンドドロップ」し、フォントをブラウザにすばやくテストするためのツールです。また、タイプおよびアートディレクター、グラフィックデザイナー、教師、学生が、書体がWebでどのように機能するかを見ることに興味があることも使用できます。
このツールhttp://vimeo.com/40296571を示す短いビデオがあります
操作は簡単です:
- 試してみたいフォントをテストページの上部にドラッグします
- フォントを追加すると、ファイル名とファイルサイズがボタンとして表示されます
ドロップ領域の下には、さまざまなレイアウトを選択するボタンが表示されます。
- 見出し:例:72、60、48、36、30〜12。
- テキスト:20から10のテキストブロックを表示します。
- 接着:「接着」テキストのみを使用した例を示します。書体設計の初期段階を対象としています。
- 「HamburgeFonstiv」テキストを使用したHambrgeFonStivの例。
- 小文字のみ:72、60、48、36、30、24、18、16〜10の例を表示します。
- キャップ:60の文の場合の単語の例を表示します。
- すべてのキャップ:60のすべてのキャップの単語の例を表示します。
- レイアウト:見出し、サブヘッド、ボディテキストの例を表示します。
- Kern:文字とその他の兆候の組み合わせの例を表示します。
- ラテン語:103のラテン語、パングラム、テキストサンプルのディクリティックス。
- そしてもっとたくさん...
注:
- FirefoxまたはChromeが必要です
- 100%安全:フォントは独自のブラウザにのみ保存され(
localStorageを使用)、サーバーにアップロードされるものはありません
「フィルターテキスト」ツールの秘密のヒント:
- テキストフォントで作業する場合:サイズを18px以下に設定すると、すべてのテキストサイズで同時に素晴らしいブロックが表示されます。
- ディスプレイフォントで作業する場合:サイズを200に設定すると、小さなカスケードを取得し、300pxに設定すると、フルカスケードを取得します(フォントの間隔/フィッティングを決定するのに最適です)。
開発者:
最新バージョンをダウンロードしてローカルに使用するには:
git clone https://github.com/impallari/Font-Testing-Page.git;
cd Font-Testing-Page;
php -S 127.0.0.1:8080
次に、http://127.0.0.1:8080にアクセスして、お近くのツールをご覧ください。
ありがとう:
- ジョナサン・キューのモジラとfontdragのために作られたOpenTypeの遊び場に触発された
- デイブクロスランドによって開始
- Pablo Impallariによって開発されました
- パブロ・コスガヤによって設計されています
- ジェームズ・モンタルバノによるカーニング・ストリング
- http://logofontandlettering.com/kernking.htmlのカーンキングタブコンテンツ
- ウィキペディアのパングラム
- Hrant PapazianによるArmenian Pangrams
- Eduardo Tunniによるラテン語のテキスト
- DiacriticsのコンテキストからのLATIN02 Diacriticsタブ
- Alexei Vanyashinによるキリル版
- GirishDalvi、EKタイプ、Pooja SaxenaによるほとんどのDevanagariコンテンツ
- http://sanskritdocuments.org/hindi/dict/eng-hin_unic.htmlのDevanagari辞書の単語(Andres TorresiとJuan Pablo del Peralに感謝)
- Tharique AzeezによるTamilバージョン、テキストはNIRAMブログからです
- エリン・マクラフリンによるカンナダ版、ミゲル・スーザの接着テキスト・カンナダのサンプルテキストとカンナダ・プラバ新聞
- Appaji Ambarisha Darbhaによるテルグ語版
- Meir Sadanによるヘブライ語版
- Santhosh ThottingalによるMalayanバージョン
- そして、何らかの形で助けてくれた多くの人々(あなたの名前を含めるのを忘れた場合、私に知らせてください、そして私はそれを追加します)。
ライセンス:
コードはMITライセンスの下で入手できます。詳細については、license.mdを参照してください
ページテキストはCreative Commons Attribution-Sharealike v3.0ライセンスの下で入手できます