問題タブ [letter-spacing]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - -0.5px の CSS の文字間隔が Chrome で機能しない
@font-face をインストールして、文字間隔を
これは Firefox ではうまく機能しますが、Chrome では機能しないようです。Chromeで負の文字間隔を機能させるにはどうすればよいですか?
c# - 書体の文字のカーニングとスペーシングを調整するためのソフトウェアの構築
タイトルが示すように、.ttf ファイルと .otf ファイルを読み取って、ユーザーがカーニング、文字幅、文字間隔を調整できるソフトウェアを構築したいと考えています。freetype プロジェクトについては知っていますが、C で書かれており、C# と Python でしかコーディングできません。.otf および .ttf ロジックをコーディングするのはどのくらい難しいですか?
ありがとうモーフ
silverlight - テキスト (フォント、文字) を扱う新しいアプリケーションに最適なフレームワーク
グラフィカル インターフェイスでテキストを処理できるユーザーを使用して、アプリケーションを作成する必要があります。ユーザーは、親パネル/キャンバスまたは何か内でテキスト オブジェクトを移動したり、フォントを変更したり、文字のサイズ (高さ、幅)、文字間の間隔などを変更したりできます。
適用対象：
テキストの処理の最後 (または処理中) に、ユーザーはすべての文字の位置、文字の高さと幅、文字間の距離 (間隔) を取得します。また、これらの測定値はすべて同じ測定単位 (ピクセル、ポイント) でなければなりません。
質問は、これにどのような種類のフレームワーク (.NET、Silverlight、XNA、Flash、Java、HTML 5、Javascript など) を使用できるかということです。
私は Microsoft に「魂を売り渡され」ました (以前は .NET だけで働いていました) が、Flash、HTML、Javascript、Java の経験はある程度あります。したがって、すべての提案を歓迎します
Silverlight でアプローチしようとしましたが、唯一の問題は間隔 (動的に変更) でした。グリフを使用しようとすると、何らかの方法で機能しました。唯一の問題は、グリフの間隔が変更されたとき (すべての文字で同じ)、視覚的な間隔がすべての文字。したがって、間隔の問題は今のところ最大です。
別のアプローチとして、テキストを文字の集合として扱い、文字間の距離を自分で計算することもできます。しかし、アプリケーションでは、すべてのユーザーが独自のカスタム フォントを使用できます (ここでは、私の知識が十分ではありません)。そのため、カスタム フォントを使用する前に、フォントのすべての文字を作成 (描画) する必要があると思います。
私はインターネットで、ほぼ同じこと (Javascript で行われる) を行ういくつかのアプリケーションを見つけましたが、開始する前に、他の可能性についてより多くの情報を取得したいと考えています。
css - Photoshop で設定された文字追跡値を CSS の同等の文字間隔に変換します
現在、PSD からサイトを構築しています。ほとんどのフォントのレター トラッキングは -25 です ( <- AV->: 文字間隔の記号だと思いますか?)。
CSSで同じ効果を得るにはどうすればよいですか? プロパティがあることは知っていますがletter-spacing: X、パーセンテージを使用せず、-25px または pts は巨大な数字になります!
letter-spacing - 文字間隔のバグ: Webkit ブラウザーは、1px 未満の文字間隔を無視します
Chrome や Safari などの Webkit ブラウザーは 1px (または 0.1em) 未満の文字間隔を無視しますが、Firefox は 0.1px のステップを問題なく表示します: http://jsfiddle.net/d5y6n/2/
Webkit ブラウザーに 1px 未満の文字間隔を認識させる可能性はありますか?
CSS
HTML
c# - シャープdxでGlyphRunの幅を見つける
Sharp DX を使用して glyphRun の幅を計算することができませんでした。以下は、glyphRun をレンダリングするために使用するコードです。文字列は、以下のように char としてレンダリングする必要があります。
レンダリングされた文字列の文字間隔は大きく異なります。これで私を助けてください。
angularjs - AngularJS + ng-repeat + 文字間隔のあるインラインブロック
インライン ブロック要素の文字間隔に問題があります。ご覧のとおり(jsfiddle)、下の要素は '\n' またはギャップで区切られていないため、折りたたまれています。Angular でそれを繰り返すと、要素が折りたたまれます。この問題を解決するにはどうすればよいですか?
html - ChromeとOperaが文字間隔0.03emを無視するのはなぜですか？
したがって、Chrome（17.0.963.79）とOpera（12.12）が私の「文字間隔：0.03em;」を無視する理由は何でもわかります。本文に？MozillaとIEにいる間、それは機能します。
css - JavaFX で文字間隔を調整する方法
JavaFX2 を使用している場合、Text オブジェクトの文字間の文字間隔を調整するにはどうすればよいですか?
コードまたは CSS の例は大歓迎です。
javascript - どうにかして html 要素を画像としてキャンバスにレンダリングすることは可能ですか?
本当にランダムな質問のように思えるかもしれませんが、キャンバスに正しく文字間隔のテキストをレンダリングするためのハックを見つけようとしています。
グーグルでよく検索した後、これを実際に行う方法はないようです。私が最初に試したのは、文字列内の各文字をレンダリングし、測定し、オフセットに追加し、文字間隔を追加することでしたが、結果はかなり貧弱です. おそらくフォントファイルに含まれる文字のペアリングスペースなどの情報によるものと思われます。
完璧な結果を得るために私が考えることができる唯一のことは、テキストを html 要素にレンダリングし、CSS を介して文字間隔を設定し、何らかの方法で要素を画像としてメモリにキャプチャすることです。可能性は低いと思いますが、これを行う方法を知っている人はいますか？