タグ

CSSと文字に関するbeth321のブックマーク (3)

  • 和文と欧文の間に半角スペースを入れるか | Okumura's Blog

    Moodleのフォーラムで英単語の前後に空白をという提案がされている。「Moodleは」より「Moodle は」のほうが読みやすいから半角スペースを入れようということである。 もともと和文とプロポーショナル欧文の間には,テキストの段階では何も入れなくても,組版の段階で四分アキ(全角の1/4の幅の空白)を入れる習慣があり,先日出たW3Cの Requirements for Japanese Text Layout(日語組版処理の要件)の3.2.6のdにもそう書いてある。日語のブラウザがこれに対応してくれれば余分のスペースを入れる必要がなくなるのだが。 もっとも,「四分アキ」もだんだん狭くなってきて,最近の雑誌類ではほとんど入れていないように見える。スタイルシートで調節ができるのがベストかも。

  • 感嘆符・疑問符の後の全角空白は本当にJIS由来? 中の人に聞いてみたよ - 電書ちゃんねるBlog

    こんにちは、ろす(@lost_and_found)です。 先日、いつも勉強させて頂いている株式会社LIGさんのサイトに載ったこんな記事が話題になりました。 感嘆符・疑問符の後に全角空白(スペース)が必要になる理由と、Webメディアの表記ルールについて | 株式会社LIG 日語の表記ルール「!」「?」の後ろの空きをめぐって、さまざまなメディアや規格を調査・考察した素晴しい記事です。僕のような浅い人間は「ああ立派だなあ」と感心するのが精一杯のリアクションでした。 JIS X4051:2004を読んだけどわからない ところが次の記述に疑問を呈する声が聞こえてきます。 そして、JISX4051では、同様に全角スペースを、疑問符や感嘆符の後に和字間隔をあけることに用いると定めているため、“「感嘆符(!)」と「疑問符(?)」の後には全角スペースを空ける”がJIS、すなわち日の国家標準、と言えるので

  • 紙面に近づけたい!HTML+CSSで作る文字レイアウト12個 | PRESSMAN*Tech

    印刷する紙のデザインと異なり、Webデザインは環境によって見た目が変わります。どの環境でも同じレイアウトで見せるには画像として書き出せば確実なのですが、テキストの部分はそうもいきません。 DTPデザイナーの方からも「こんな文字のレイアウトはWebだと無理?」といったご相談を受けることがよくあります。 今年に入って、HTML5&CSS3に対応したブラウザのシェアもかなり増えてきましたので、今回は文字のレイアウトに関するHTMLCSSをご紹介したいと思います。 目次:段組み縦組み(縦書き)行末揃え(両端揃え)先頭文字スタイル(ドロップキャップ)段落先頭1字下げ2行目から1字下げ(ぶら下げインデント)行頭禁則文字ふりがな(ルビ)圏点(傍点、脇点)大文字と小文字の変更スモールキャップス(スモールキャピタル)長体、平体(水平比率、垂直比率)※IE以外のブラウザは、2014年7月4日現在の最新版にて

    紙面に近づけたい!HTML+CSSで作る文字レイアウト12個 | PRESSMAN*Tech
  • 1