問題タブ [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 投票する
4 に答える
755 参照

fonts - Web ページのフォント レンダリング

Webページを作成するとき、私はいつも同じ問題に遭遇します。約 16 ~ 18 ピクセルより大きいフォントを追加すると、見栄えが悪くなります。ギザギザでピクセル化されています。さまざまなフォントと太さを使用してみましたが、うまくいきませんでした。

注: このようになるのは Windows だけです。主に Opera と FF と IE7 で発生しますが、それほど悪くはありません。Linux では、フォントはきれいに見えます。Macは見ていません。

これを修正するために皆さんは何をしますか?何かあれば。SO のタイトルもかなりぎざぎざしていることに気付きましたが、見栄えが悪いほど小さいだけです。

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

css - CSS を使用した最初の文字のアウトデントは一貫していますか?

本文の最初の段落の最初の文字のアウトデントを実装しようとしています。私が立ち往生しているのは、最初の文字と段落の残りの部分との間に一貫したスペースを確保することです。

たとえば、「W」と「I」の間隔には大きな違いがあります。

「私」アウトデント
'W'アウトデント

違いを軽減する方法について何かアイデアはありますか? 私は純粋な CSS ソリューションを好みますが、必要に応じて JavaScript を使用します。

PS : 必ずしも IE や Opera との互換性は必要ありません

0 投票する
13 に答える
77428 参照

css - 「text-align: justify;」の使用を避けるべきですか?

の使用を避ける理由はありますtext-align: justify;か?

可読性が低下したり、問題が発生したりしますか?

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

html - Web サイトの小さなフォント

私のメイン ブラウザ (FF と Chrome) はどちらも 12 ピクセルのフォント用に構成されています。どちらのブラウザでも、フォント ピッカーはフォント プレビューを表示し、どちらも同じサイズで、Web サイトを読むのに快適なサイズです。私の IE ではフォント サイズを設定できませんが、デフォルトで Chrome より少し大きいサイズに設定されているようです。

私の個人的な Web サイトでは、XHTML と CSS を使用し、ページ フォントを「中」に指定し、そのフォント サイズをすべての主要なテキスト (「コンテンツ」テキスト) に使用しています。IE 7、FF 3、および Chrome 0.4 でサイトを表示すると、フォントは期待どおりに表示され、フォント ピッカーと一致します (少し大きい IE を除く)。

しかし、私は他のほぼすべての Web サイト (Google、StackOverflow、The DailyWTF、CodingHorror、Microsoft、Sourceforge、さらには W3C など) にアクセスし、それらはすべて非常に小さなフォントで表示されます。

これは、2 つの異なる O/S (Vista および XP) と 4 つの異なるモニター (ラップトップ、CRT、および真新しい WS LCD) を備えた 3 つの異なるコンピューターに当てはまります。

どうしたの?Web サイトのデザインについて知っておくべき基本的なことを見落としていませんか? それとも、これらすべての Web サイトが、フォントを 50%、0.5 em、または x-small に設定するなど、ばかげたことをしているだけなのでしょうか? Web サイトのデザイナーが、コンテンツ テキストのフォントの選択を尊重できないのはなぜですか (サイドバーやフッターなどは小さいか非常に小さいかもしれないことは理解しています)。

情報に疎い Web サイト デザイナーだけだと思いたくなるかもしれませんが、これらは有名なサイトです。

編集: em や % の使用が馬鹿げていると言っているわけではないことを明確にするために、なぜ多くのサイトが私の設定したサイズの約 50% を使用しているように見えるのか疑問に思っています。確かに、設定したサイズは、テキストを表示したいサイズです。

編集: W3C の CSS 仕様から: 「次の表は、HTML ヘッダーと絶対フォント サイズへの絶対サイズ マッピングに関するユーザー エージェントのガイドラインを示しています。「中」値は、ユーザーの優先フォント サイズであり、参照中間値として使用されます。」 - 私の強調。


Web サイトは、一般的なブラウザのデフォルトである 16px を基準にして相対フォント サイズを設定しているというコンセンサスが得られています。しかし、他のシステムについてはどうでしょうか。すべてのブラウザーがそのようにデフォルト設定されていると期待できますか?

少なくとも私は今問題を理解しています。

最終的な回答を選択する前に、この質問をしばらく開いたままにして、他の人が異なる見解を持っているかどうかを確認したいと思います.


結論: すべてのブラウザーを 16px (125 DPI マシンでは 18px) にリセットし、Web サイトで font-size: 90% を使用するように設定しました。これにより適切な表示サイズが得られ、もちろん、私のお気に入りのサイトはすべて読み取れるようになりました。すべての建設的な回答と活発な行き来に感謝します。

これは素晴らしいコミュニティです。

0 投票する
13 に答える
101332 参照

layout - Wordle のようなワード クラウドを実装するアルゴリズム

環境

私の質問

  • Wordle が行うことを行う利用可能なアルゴリズムはありますか?
  • いいえの場合、同様の種類の出力を生成する代替手段は何ですか?

私が尋ねる理由

  • ちょっと興味があるんだけど
  • 学びたい
0 投票する
6 に答える
4796 参照

ruby - Rubyで文字列の幅を計算するにはどうすればよいですか?

String.length文字列に含まれる文字数のみを教えてくれます。(実際、Ruby 1.9 より前のバージョンでは、何バイトしか表示されないため、さらに役に立ちません。)

String の 'en' 幅がいくつあるかを知りたいです。例えば:

nStringの最初の en を取得できればさらに良いでしょう:

そして、全体を戦略化できればさらに良いでしょう。スペースは 0.25en にすべきだと考える人もいれば、0.33 にすべきだと考える人もいます。

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

css - タイプ、色、レイアウトの異なるスタイルシート。何がどこに行くの?

「AListApart」に関するこの記事に出くわしました。これは、css情報を(少なくとも)3つの別々のファイルに分割することを提案しています。1つはタイポグラフィ用、1つはレイアウト用、もう1つはカラー情報用です。色はかなり明白に見えますが、平均的なプログラマー(つまり私)に、タイプとレイアウトをどのように説明しますか?

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

fonts - ポータブル Web フォント技術

Web フォントの書体の選択に関する質問を読んだ後、ポータブル ネットワーク フォントが答えだと思いました。Bitstream のパッケージを使用して、Web ページに埋め込むために必要なフォントのサブセットを生成し、すべてのプラットフォームのすべてのブラウザーで同じように見えるようにしていました。これを Google で調べたところ、Bitstream が所有しているように見える RFC が見つかりました。

この技術はどうなりましたか?私が見てないだけ?それとも専売だから消えたの?もしそうなら、この技術の地平線上には何がありますか?

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

pdf - pdfLaTeX のドロップ キャップ

pdfLaTeX でドロップ キャップ (数行の高さの大きな頭文字) を生成する方法を見つけたいと考えています。+droppingと併用するとうまく動作するパッケージがあることを知っています。ただし、結果と一緒に使用すると見苦しくなります。latexdvipspdflatex

私のソースファイルは次のとおりです。

としてコンパイルすると

結果はOKです:

ドロップ-ラテックス-dvips

行のコメントを外し[pdftex]てコンパイルすると

結果は次のとおりです。

ドロップ-pdflatex

でドロップキャップを作成するより良い方法を提案できる人はいpdflatexますか?

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

emacs - Boustrophedonテキスト編集?

emacsの牛耕式のテキストを編集したいと思います。牛耕式のテキストの方向を知らない人のために、フィールドで「牛が曲がるような」またはプリンターのインクジェットのようになります。同じ理由で、これは農場やプリンターで効率的です。このテキストは、慣れれば非常に効率的に読むことができます(それほど時間はかかりません)。

牛耕式植字/レイアウトの詳細:http: //www.ntg.nl/pipermail/aleph/2004-March/000094.html

私の知る限り、この植字スタイルの実装はなく、実装方法に困惑しています。

これをどのように行うことができるかについてのアイデアはありますか?

ありがとう、アンドレアス