問題タブ [font-size]

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 投票する
4 に答える
12920 参照

css - CSS: font-size: inherit * 70%?

クラスのフォント サイズを、たとえば継承されたフォント サイズの 70% に指定する方法はありますか?

ボタンに適切な境界線や背景などを設定する一般的な「ボタン」クラスがあります。フォント サイズがかなり小さい場所やフォント サイズがかなり大きい場所など、複数の場所で使用します。

どちらの場合も、ボタンの font-size を、ボタンがあるスパンまたは div のフォント サイズの約 70% にしたいと思います。

純粋なCSSでこれを行うことはできますか?

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

css - Firefoxのフォントサイズを修正しましたか?

ナビゲーションメニューのフォントサイズをすべてのブラウザで同じサイズに保ちたいのですが。ナビゲーションメニューテキストのフォントサイズを特定のピクセルサイズに設定しました。IEではこれは機能しますが、FFでは機能しません。

問題は、人がブラウザのフォントサイズを変更すると、FFのメニューレイアウトが完全に台無しになることです。

FF用にこれを調整する方法はありますか、それとも回避する方法はありませんか?アクセシビリティのためであることは理解していますが、そうしないとデザインが台無しになり、ナビゲーションメニューにテキストの代わりに画像を使用したくありません。

ありがとう!

0 投票する
9 に答える
7695 参照

css - Ems からピクセルへの変換 - なぜ 6.25% ではなく 62.5% なのですか?

私たちの多くは、CSS の body 要素のフォント サイズを 62.5% に設定することに慣れていることを知っています。これは、1em が 10px に等しいことを意味し、ピクセルを完璧に保つのに役立ちますが、フォントのスケーリングも可能にします。

つまり、6.25% に設定すると 1em = 1px になるということではないでしょうか? 小数をいじるよりも、さらに簡単な変換のようです...


みんなありがとう!私はemとその歴史(デザインの学位)をよく知っていますが、他の人が役立つと確信しています:)

1em = 1px に関しては、これがどのように望ましくないかわかりません。単位 (ポイントかピクセルか) に関係なく、em は正方形であり、誰もタイプを 1px に設定しません (印刷タイプを 1pt に設定する人がいないのと同じように)。さらに、あなたの記事でさえ、ほとんどのデジタル書体では、大文字の「M」は通常 1em よりも小さく、em は単にポイント サイズを反映していることを認めています (48pt タイプは、em に対して 48pt x 48pt の正方形をレンダリングします。 type は 12x12 などを生成します)

さらに、人々がこれを行う理由は、ページ上の他の要素のサイズを設定して、ユーザーがフォント サイズを調整したときにすべてが適切に拡大縮小されるようにするためです。確かに、デフォルトを 16px 以外に設定するごく少数の人は常にいますが、適切にスケーリングされるピクセル パーフェクト レイアウトに支払う価値は十分にあります。

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

css - 相対サイズに関する CSS の問題

私はこのコードを持っています

<span>は に設定されてい20emます。ただし、グリーンと同じ大きさにする必要があります<label>。ただし、赤い部分のフォントサイズは小さくしたいです。残念ながら半分の大きさでも同じサイズにfont-sizeは使えません。40emその問題を解決する方法はありますか?

0 投票する
2 に答える
5827 参照

c# - ブラウザーがテキストの CSS を指定するのと同じサイズで .NET でテキストをレンダリングする方法

Web サイトで「Web ページをビットマップとして保存」機能を作成しようとしていますが、サーバー側でテキストを正しいサイズでレンダリングする際に問題が発生します。

クライアント上のテキストのフォントサイズ設定は次のとおりです。

これをサーバーでレンダリングしようとすると

サーバー上でテキストが約 20% 大きくなります。

new Font()のドキュメントによると、2 番目の引数 (フォント サイズ) は em ポイントで指定する必要があります。1 つの em ポイントとは正確には何ですか?

ブラウザで font-size:16em を指定すると、テキストが巨大になります。ブラウザで font-size:1em を指定すると、テキストは約 14px になりますが、サーバーで引数として 1 を指定すると、テキストは細い線になります。

では、ブラウザの px または em から .net px/em に変換するにはどうすればよいですか。

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

wpf - XAML での言い方: TextBox などのデフォルトの幅と高さ

だから私はHTMLの観点からWPFに来ています。

TextBox次のようにウィンドウに配置したいだけです:

TextBox巨大で、ウィンドウ全体を覆っていることがわかりました。(!)

Heightわかりました、それは私が望むものではありませんが、私は知ってWidthいて柔軟であるべきなので、正確なサイズを定義したくないので、試してみます:

同じこと。だから私は試します:

同じこと。したがって、サイズをハードコーディングするだけです。

私が知っていることは、WPF での良いプログラミング方法ではありません。

TextBoxでは、 「使用されているフォント サイズのデフォルト サイズを表示する」にはどうすればよいでしょうか。

0 投票する
12 に答える
75470 参照

html - CSS フォント サイズ: 相対値と絶対値。どちらを使用しますか?

  • ブラウザ間でテキストのサイズを変更する最良の方法は何ですか?
  • フォントサイズをピクセル/emで定義することの長所と短所は何ですか?
0 投票する
5 に答える
41227 参照

css - ブラウザー間で一貫したフォント サイズ (Web 開発)

Web ページを作成するとき、ブラウザー間で一貫したフォント サイズを実現するにはどうすればよいでしょうか。私は CSS のようなものを使用"font-size: 11pt; font-family: Helvetica,'Lucida Grande'"しましたが、Firefox、IE、Google Chrome、および Safari ではテキストが異なって見えます (これは異なるプラットフォームでも異なります)。基本的に、Windows Vista を実行している同じマシン上で、異なるブラウザーでは異なるルック アンド フィールを取得します。

テキストのサイズがすべての異なるブラウザーで同じように表示されるように、これをどのように修正できますか。

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

macos - Core Graphics のフォント サイズ

Core Graphics API を使用してテキストを少しレンダリングしようとしていますが、概念的な問題に直面しています。

CGContextSetFontSizeを使用してフォント サイズを指定しようとしています。サイズ パラメータは、「テキスト スペース単位」と呼ばれるものです。それは何ですか?" em " 単位にどのようにマッピングされますか?

ありがとう