みなさんこんにちは！
フォントの自発的に表示されるサイトに関する今日の投稿。
すべては、カスタムフォントのレイアウトをもう一度取得した後に始まりました。 さらに、私はこのフォントが他のプロジェクトですでに私によって既に接続されていることに気付きました。 繰り返しますが、フォルダ内で探すために登る必要がありました。 そして、私は私のワークフローの熱心なオプティマイザーであるため、これもまた深刻な悩みの種でした。 すべてのフォントを1か所にまとめて、必要に応じてプロジェクトに挿入してみませんか？ -私は考え、それから私は私の計画を実現することにしました。
文字通り3時間で、すべてのフォントが組み立てられ、フォルダーに配置され、パスがセットアップされ、エディター用にスニペットが作成されました。 最初のテストの後、これによりプロセスがどれだけ簡素化され、時間を節約できるかが明らかになりました。 数回クリックするだけで、任意のフォントを接続できます。
2日間の軽度の幸福感の後、私はそれをオンラインで転送することを決め、すでに友人や同僚の生活を簡素化しました。 その後、すべて同じアクションがありました：sort-path-stuffing imports。 しかし、ここでは、ファイルインポートへのリンクを提供する方法を考える必要がありました。誰もが私と同じエディターを使用しているわけではないからです。 そのため、必要なリンクを表示するための何らかのインターフェースを実行する必要があります。 インターフェイスが作成されると、実装と最適化のための新しいアイデアが生まれました。 最後に何が起こったのか、 ここで見ることができます 。
これで、サイトには48スタイルの19個のフォントがあり、同じ数回のクリックでプロジェクトに接続できます。
仕組み
仕事の技術は非常に簡単です：普通
@import
さて、グッズについて
インポート用に、Sublime Text 2のネイティブとNotePad ++の非ネイティブのスニペットをいくつか作成しました。 ここでは、それらの使用方法を説明しませんが、すべてがサイトに詳細に描かれています。 1つのスクリーンショットでも。 さらに、編集者用にスニペットを作成したい人のためにソースを準備しました。
スニペットの使用を強くお勧めします。 速くて便利です。
注釈
FirefoxとOperaはフォントをインポートしたくありませんでした。 より正確には、ファイル接続が別のドメインにある場合は機能しませんでした。 この問題は、フォントファイルをbase64に転送することで解決されました。 同時に、フォントをダウンロードするためのアーカイブには、通常の.ttfファイルが含まれています。 最終バージョンで使用するもの-自分で選択してください。
私の話は終わり、あなたへの質問しかありませんでした。
- これはあなたにとってどれほど便利で面白いですか？オンラインでフォントの数を増やし続ける必要がありますか？
- サイトを独立したサービスにして、独自のドメインに変換しますか？
- フォントを作成者とのコンポーネントまたはリンクに分解する必要なく、101％の確率でフォントが無料で支払われることをどのようにして見つけることができますか？
また、私の友人、そして私の最初のフィードバックをまとめてくれた同僚にパートタイムで感謝しています。 レビュー後、サイトは変更されました。 そして、それは重要です。
「デザイン」については、トマトをあまり投げないようにお願いします。 私はタイプセッターであり、すべてを思いつきでやった。
投稿のフッターにあるサイトへの必須リンク。
psポストは、ノボシビルスクのペルボマイスキー広場のベンチにあるライラックの茂みの陰にほぼ完全に書かれていました。 ここで素晴らしい:)
ご清聴ありがとうございました。
同僚、あなたのコメントをすべて見ていきます。 すぐに変更を加えても機能しません。 そして、このサイトが何に興味を持っているかについて、多少なりとも明確なイメージがあれば、私は欠点のグローバルな修正に取り組み始めます。
ご意見ありがとうございます。
2012年8月28日から更新
このサイトは独自のドメインでライブに移行し、 WebFont.ruで利用できます。 すべての新しいフォントがそこに表示され、古いバージョンはすぐに新しいアドレスへのリダイレクトを開始します。 フォントを直接接続している場合は、インポートを変更することをお勧めしますが、フォントはしばらくは利用可能です。