タグ

文字サイズに関するgrandfrigoのブックマーク (3)

  • Illustratorで文章を扱うとき(文字組版) - DTP Transit

    Illustratorで文章を扱うとき、矩形エリアに文字を流し込んだままではなく、次の4点は、最低限設定します。 行送りの設定 均等配置(行頭行末揃え/ジャスティファイ) 禁則 文字組み(約物前後や和欧間のスペースの設定) 逆を言えば、Illustratorではポイントテキスト(文字ツールでクリックして入力したテキストオブジェクト)を前提としています。 デフォルトの[行送り]は、文字サイズの175%に設定されています。「(14.4pt)」のように()付きで表示されているときには「自動」行送りになっています。1行あたりの文字数に応じて調整します。 CS以前のIllustratorや、バージョン互換を行ったドキュメントによっては自動行送りが欧文に準じた120%になってしまいます。120%では行送りは狭すぎます。日語では150-190%程度に設定します。 [段落]パネルの[均等配置(最終行左揃

    Illustratorで文章を扱うとき(文字組版) - DTP Transit
  • CSS で文字サイズを変更する

    第 10 回目は「CSSで文字サイズを変更するボタンを設置する」です。 今回は「styleswitcher.js」でCSSを切り替えて、サイトの文字サイズを変更するボタンの設置方法を解説します。 「styleswitcher.js」は複数のスタイルシートファイルを切り替えて読み込むことができ、クッキーに保存できる優れもののライブラリです。 実装手順は以下の通りです。 1. styleswitcher.js をダウンロード 「styleswitcher.js」を以下のサイトからダウンロードします。 「A List Apart: Articles: Alternative Style: Working With Alternate Style Sheets」のエントリーの中にある Download styleswitcher.js からダウンロードできます。 2. font-sizeの値が異な

    CSS で文字サイズを変更する
  • jQuery で CSS を切り替えて文字サイズを変更する 2 つの方法。

    Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基スタンス。 btmup Blog 最近、文字サイズの切り替えボタンを設置しているサイトも多くなってきましたね。 自治体や病院など公共性の高いサイトを中心に、導入が進んでいるようです。 僕自身も医療系のサイトに関わることが多いのですが、「設置して当然」の要件となりつつある感じ。 まー、正直「周りがやってるから」というのが主な理由なんですが、結果としてユーザビリティやアクセシビリティにつながるなら良しとしましょう(誰 今回は、その「ボタンをクリックして文字サイズを変更」する機能を実現する方法について、定番を 1 つと、新しく見付けたのを 1 つご紹介します。 定番の方は、プラグインを追加するだけなので手軽&気軽にできるのが特徴。 新発見の方は、いろいろ書かないといけないので若干メンドくさいですが、その

  • 1