2

独自のカスタムフォントの作成を調査しようとしています。読んだことがありますが、フォントについて何も知らないので、答えが見つからないという質問があります。

フォントの色が静的なフォントを定義できますか？たとえば、各Aの背景が青、Bの背景が黄色などのフォントを作成したいと思います。私が行った読みは、フォントを黒または白に変換する必要があることを示しているようです。私の理解は正しいですか、フォントに特定の色を強制すること、特に背景色はサポートされていませんか？

4

3 に答える 3

9

サポートはOS/ブラウザのバージョンによって異なりますが、OpenType 1.7はマルチカラーフォントをサポートしており、複数のオプションがあります。

最初の2つには、デバイスに関係なくスケーラビリティという利点がありますが、ピクセルレベルの詳細が欠けています。最後の2つには、画像に細かいディテールを提供するという利点がありますが、意図したサイズ以外のサイズで使用すると、ピクセル化またはぼやけて見えます。

Roel Nieskensは、さまざまなアプローチに対する現在のブラウザのサポートを示すテストページを含め、ここに素晴らしい記事を書いています：http: //pixelambacht.nl/2014/multicolor-fonts/

マルチカラーフォントはOpenType1.6仕様では直接サポートされていませんでしたが、オプションがありました...

  • すべてのグリフのアトラステクスチャを作成します（基本的に、CSSスプライトと組み合わせて使用​​される大きなビットマップ）。ゲームはこのアプローチを使用しますが、スケーラブルではないことに注意してください。とにかくピクセル化がないわけではありません。
  • 複数のOpenTypeフォントのテキストをオーバーレイします。多層OpenTypeは、グラフィックデザイナーが使用するアプローチです（In-Designなど）。色ごとに1つずつ、複数のフォントを作成するのは少し奇妙ですが、機能します。フローティングスパンを半透明に重ねます。
  • InkScapeを介して（それをサポートするブラウザーのサブセットで）SVGフォントを使用します。SVGフォントはスケーラブルで、複数の色（実際には、SVGが行うほとんどすべてのもの）をサポートしますが、サポートが制限されています。Opera9以降またはChrome 4以降ですが、IE10またはFFはサポートしていません。
  • SVGコンポーネントを直接使用します。これは真の「SVGフォント」ではありませんが、プログラムで各文字を対応するSVG部分に関連付けることができます（Unicode全体の文字ではなくASCII範囲にあると仮定します）。現在のすべてのブラウザはSVGをサポートしています：Opera9、IE10、FF3、Chrome4、Safari3.2。
于 2012-10-26T04:42:02.813 に答える
1

レイヤードカラーフォントを使用できます： https ：//www.glyphsapp.com/tutorials/creating-a-layered-color-font

于 2015-04-19T12:47:31.597 に答える
0

フォントには色がないので、その通りです。フォントファイルで特定の色を強制することはできません。ただし、フォントを使用しているときは、任意の色を適用できます。

于 2012-04-27T19:17:12.843 に答える