問題タブ [typography]

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.

0 投票する
6 に答える
2090 参照

javascript - cssだけで縦のリズムを保てるのではないでしょうか?

タイポグラフィ指向の wordpress テーマ [1] を開発していますが、インライン画像で問題が発生しています。

すべての要素を制御し、行の高さ、下マージン、ecc を調整して、垂直のリズムを保つことができます。ただし、エディターを介して貼り付けられた画像は任意の高さになる可能性があるため、後続のすべてのコンテンツを明らかに混乱させます。

したがって、問題は、マージン、パディング、両方、または別のソリューションを使用して、画像サイズに関係なくベースラインに調整できるかどうかです。

すべての画像を行の高さの倍数にするなど、いくつかの選択肢があることを知っています。そうすれば、リズムを保つことができます。他のオプションはjavascriptを使用することですが、理想的ではありませんが、cssソリューションがない場合は検討する必要があります.

[1] ご覧のとおり、これはワードプレスの問題ではなく CSS 関連の問題です。そのため、この質問をここに投稿しています。

0 投票する
5 に答える
2871 参照

c++ - C/C++ で「何かへのポインター」を記述する良い方法

C/C++ で「何かへのポインタ」を記述する「良い」方法はありますか?
私は書いていましたが、の型が「charへのポインタ」void foo( char *str );であるため、非常に非論理的であることが時々あります。 ポインタの書き方にルールはありますか?str*

0 投票する
1 に答える
600 参照

javascript - 異なる言語に関する要素のCSSの変更

言語に応じてCSSを使用してテキストのスタイルを設定する方法はありますか?

たとえば、フォントTahomaはアラビア語のテキストに広く使用されていますが、同じテキストサイズの英語のテキストの場合、そのサイズは非常に小さいです。

したがって、アラビア語のテキスト内に英語のテキストがある場合、テキスト言語の変更を自動的に検出し、アラビア語のテキストに含まれる英語のテキストに大きなフォントサイズを使用する方法はありますか。

ありがとう。

0 投票する
4 に答える
1540 参照

javascript - 見出しの前半をクラスで囲む方法は?

jQuery でよりダイナミックでクールな見出しを作成できるように、見出しの前半または後半をクラスでラップしようとしています。

理論的には、文中のすべてのスペースを見つけて 2 つに分割したいと考えています。見出しに含まれる単語の数が奇数である場合、スクリプトはそれを検出し、最も近い単語にクラスを追加する必要があります。

0 投票する
5 に答える
88580 参照

javascript - HTML5キャンバステキストを太字や斜体にスタイル設定するにはどうすればよいですか?

非常に簡単な方法でテキストをキャンバスに印刷しています。

しかし、テキストを太字、斜体、またはその両方に変更するにはどうすればよいですか?その簡単な例を修正するための提案はありますか?

0 投票する
1 に答える
1133 参照

css - タイポグラフィ テンプレートまたはグッド プラクティス

タイポグラフィーは、CSS で Web ページをデザインするときに決してうまくいかないものの 1 つです。見出しと本文のテキストは、私が Web で見る他のほとんどの Web サイトほど見栄えがよく、感じもよくありません。これにより、私のタイポグラフィはこれらのウェブサイトほど読みやすく広々としていないと思います。

私はこれらの見栄えの良い Web サイトの css をコピーしようとしますが、同じ結果が得られることはないようです (少なくとも、これらの手法を自分のものにして、将来使用できるようにすることは決してないようです)。さらに、タイポグラフィに関して言えば、私の CSS はいたるところにあります。後でスタイルを変更する必要がある場合、関連する値を探すのに長い時間を費やします

私が最初にcssを学び始めたとき、ページレイアウトを正しくする方法(静的、流動、左/右のナビゲーション)に関する多くのチュートリアルを見つけましたが、適切なルックアンドフィールを取得する方法について役立つものは何も見つかりませんでした。タイポグラフィに。一方、タイポグラフィに関する本はたくさんありますが、タイポグラフィをウェブ上で見栄えよくする方法についてはあまり役に立たないようです。

いくつかのリソース、またはタイプが Web 上で適切に表示されることを常に保証する固定アプローチを提案していただければ幸いです。

ありがとう

0 投票する
4 に答える
13859 参照

html - Canvas に描画されたテキストのアンチエイリアスが不十分

Canvas でテキストを描画していますが、アンチエイリアスの品質にがっかりしています。私が確認した限りでは、ブラウザは Canvas 上のテキストのサブピクセル アンチエイリアス処理を行っていません。

これは正確ですか?

これは、結果のテキストが他の DOM 要素によってレンダリングされたテキストほど鮮明ではない iPhone と Android で特に顕著です。

Canvas に高品質のテキストを出力するための提案はありますか?

ジュベール

0 投票する
1 に答える
49 参照

css - フォントスタックの選び方

PSDからHTMLへのスライシング方法を学ぶ過程で、私は少しハードルにぶつかります。

PSDからそれに一致するcssフォントスタックを選択するための最良の方法は何ですか?

Photoshopに何かを吐き出す機能はありますか?

誰かが私にどのように選択するかを選択する方法について少しアドバイスをいただけますか?また、フォトショップでは、テキストはPTによって取得されているようです...私のCSSでPXを使用していますが、代わりにピクセルを表示するようにフォトショップを変更する方法はありますかptの?

皆さんありがとう :)

0 投票する
3 に答える
2147 参照

css - 太字のテキストは、Webブラウザによって大きく異なります。

私は2つのブラウザを両方ともUbuntu10で実行しています。

Firefox4RCとGoogleChrome10。どちらも太字のテキストの表現が大きく異なります。下のスクリーンショットをご覧ください-上にChrome、下にFirefox

ここに画像の説明を入力してください

WindowsとMacOSxの同じブラウザは、違いがないか、少なくとも非常に小さなものを示しています。

CSSの非互換性を排除するために、適用されたスタイルと計算された値の両方で、フォントの太さ、サイズ、文字間隔、行の高さを確認しました。それらはすべて一致します。

太字ではない奇妙なテキスト(これを含む)はまったく同じように見えます。

使用されているフォントはMonotypeCorsivaで、Webフォントとして添付されています。他のフォントにはこの問題はありません。

私の質問は、Webブラウザがどのように太字のテキストを生成するかです。使用するフォントとその回避方法に依存するのはなぜですか?残念ながら、他のフォントを使用することはできません。

編集:これは、要求に応じてテキストに適用されるCSSです。

0 投票する
1 に答える
666 参照

css - CSS :first-letter が段落の境界で途切れる

ドロップキャップに問題があります。このページをご覧ください http://www.madebypaz.com/portfolio/interaction/user-centred-design

:first-letter は webkit の上部で切り取られ、Firefox はそれを 1 行下に押し込みます。これを修正して、2 行にまたがるだけで、上部が途切れないようにする方法を教えてください。

どんなポインタでも大歓迎です。