上司は、Photoshop、ペイント、またはイラストレーターを使用して独自のカスタムフォントを作成したいと考えています。彼は、各文字を多色にしたり、色を変えたり、シャドウを付けたりすることを望んでおり、Webサイトでこれを使用して、ユーザーがテキストを入力したときに、通常表示される単純な白黒のテキストではないようにしたいと考えています。フォントクリエーターでカスタムフォントを作成できることを調査して知っていますが、コード(javaスクリプトまたはphp)を使用して個々の文字/記号の画像をテキストボックスに挿入するか、DreamweaverまたはCSSでイベントハンドラーを使用することは可能ですか? 。もしそうなら、誰かがこれを行う可能性のある例またはあなたが知っているサイトを持っています。すべての助けをいただければ幸いです。
3 に答える
@ font-face (http://www.font-face.com/)を使用してカスタムフォントをWebページに埋め込み、javascript(1文字おきに色を付けるアルゴリズム)+ CSS3(カスタム色)を使用できます。上司が探している望ましい効果を得るために。
パフォーマンス上の理由から、Cufonではなく@font-faceまたはgooglewebフォントを使用することをお勧めします。
幸運を!
実際のフォントを作成し、それを CSS に含める必要があるという Dale の意見に同意します。写真の編集や一般的なグラフィック デザインを目的とした Adobe 製品を使用するのではなく、 FontForgeや利用可能な多くの商用アプリケーションの 1つなど、フォント専用に設計されたツールを使用する必要があります。
特殊効果については、 textgradやwrapSelectionなどのjQuery アドオン、または別の「アニメーションと効果」プラグインを使用して、必要なものを実現できる場合があります。
テキストを画像に置き換えたい場合は、そのトピックをカバーするいくつかの StackOverflow の質問があります。これまたはこれをチェックしてください。
これらを HTML フォームに統合するのに問題がある場合は、試みのコードを含む新しい StackOverflow の質問を作成する必要があります (できれば、質問に回答する人がテストできるように、簡単に再現できる方法で)。
@font-face を使用して、Web サイトにカスタム フォントを簡単に追加できます。注: すべての主要なブラウザーをサポートするには、フォントをいくつかの異なる形式に変換する必要があります。幸いなことに、これを無料で行う自動化された方法があります。
http://www.fontsquirrel.com/fontface/generator
マルチカラーフォントを作成して頑張ってください!:)