1

固定ディスプレイを試みることは、通常、Web デザインでは禁止事項であることは承知していますが、聞いてください!

私が運営しているフォーラムにホワイトボードのような追加機能を開発しています。簡単に言うと、ユーザーは通常のようにテキストと bbcode を使用して投稿を入力し、そのテキストの上に管理されたキャンバスを挿入し、マウスでその上に落書きし、送信をクリックすると、落書きが表示されるというものです。投稿の上に表示されます。サーバーは画像を透明な背景の png に処理し、テキストに適切に配置します。

したがって、実際には、バックエンド処理とフロントエンド インターフェイスがすべてうまく連携しています。あとは、処理された Doodle がテキストの上に配置される表示のみです。そして、これが機能するためには、テキスト上の画像の位置合わせがかなり正確である必要があります。たとえば、ユーザーが単語を丸で囲んだり、取り消し線を引いたりして、テキストが別のユーザーに対して同じようにレンダリングされない場合、最終結果は間違ったものになります。したがって、テキスト表示をロックダウンする必要があると考えています。今のところすべてがかなり流動的であるため、これはちょっと面倒ですが、ねえ、これはかなりクールな機能になるでしょう? それで、ポストディスプレイボックスの幅を修正しましたが、フォントをどうするか、つまりサイズ、フェイス、文字間隔、行間隔を設定する方法について困惑しています。

誰にもアイデアはありますか?それが役に立てば、私はIEやモバイルディスプレイにはまったく関心がありません...

4

1 に答える 1

0

カーニングはあなたの最大の問題になるでしょうが、fontsquirrelのfont-faceで利用可能な等幅フォントを見ることで十分に簡単になるはずです。

http://www.fontsquirrel.com/fonts/CPMono_v07

等幅フォントの文字間隔は等しくする必要があります。

letter-spacing:、line-height:、および font-size: css クラスを使用して、より細かく制御できます。

それが助けになることを願っています。

于 2011-12-08T00:43:35.043 に答える