タグ

ブックマーク / fontplustips.com (5)

  • ❺和欧混植

    ❹文字詰めからの続き この章は次の7つの項目からなります。 1.和文と欧文の違い/ 2.和文と欧文のバランスについて/ 3.DTPでの和欧混植/ 4.システムフォントで和欧混植/ 5.Unicodeで合成フォント/ 6.Webフォントで和欧混植/ 7.和欧混植に必要な指定 和文と欧文の違い 日語と英語が混在する文字組みのことを和欧混植といいます。今ご覧になっているこのTipsでもたびたび登場するCSSプロパティは英語で表記していますのでこれも和欧混植です。しかし、和文と欧文はフォントの作りが異なる部分があります。 Webの文字組み基礎知識❶「文字」では、日語の文字の構造を図説しました。比較用に同じ図版に欧文を合わせてみましょう。 和文が「仮想ボディと字面」というシンプルな作りに対し、欧文は上図のように5つのラインを持ちます。ベースラインは、欧文の位置揃えに使われ、w3cでは「Lower

    ❺和欧混植
    works014
    works014 2014/09/01
    …とりあえず…
  • 403 Forbidden

    \閉鎖予定のサイトも売れるかも?/ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう

    403 Forbidden
    works014
    works014 2014/01/30
    _使えるんやんか「プロポーショナルメトリクス」…それにしても酷い文字組み…なんで見出しを「-0.1em」にするのかな? アホちゃうん?
  • 文字詰め機能

    Tips内容 FONTPLUSの「文字詰め」は、文字間の余白を取り除く、独自の機能です。一般的にはWebの文字組みは下図のように均等に配置されますが、各文字の持つ余白を取り除くことによって隙間なく組まれるようになります。 現状、Webデザインでは、フォントの文字詰め表示は、CSSの「letter-spacing」で均等に詰めます。しかし、各文字の持つ余白の影響が強く、均等に設定したのではアンバランスになるという課題があります。綺麗にバランスよく詰めるにはDTPソフトでの作業同様、文字の形状によって一字づつ個別にスタイル設定の必要があり、煩雑でソースも複雑になるため現実的ではありません。 例えば下図のように、拗音の「ェ」や「ォ」などは字面が小さいため、文字両端の余白が広くなってしまいます。他にも句読点や括弧類など調整する必要があります。 DTPに例えると? このFONTPLUSの「文字詰め機

    文字詰め機能
    works014
    works014 2014/01/16
    「一旦文字ツメ100%で間隔を削除し、トラッキングで間隔を空ける設定とほぼ同じ組み方」…雑誌でも紹介したけど、手動による微調整もせずにこんなことしてもアカンやろな…この方法では喰い込みもでけへんやん…
  • Webの文字組み基礎知識❶ - FONTPLUS TIPS

    内容 文字組みは、古くは金属活字の時代から培われてきました。時代と表示する環境により、紙などの印刷物からデジタルスクリーンへと変遷してきています。印刷物とWebサイトでは、その表示環境や、DTPなど制作環境の違いから、まったく同一というわけにはいきませんが、文字を組むという基的なあり方は印刷物もWebサイトも同じだと思います。 文字組みを一言で表すと、書き手(作り手・デザイナー)が、言葉や文章を「伝えやすく・読みやすく」するための工夫の手法とでもいうのでしょうか。また、見た目にも美しくなるよう配慮しなければなりません。この章では、文字組みの基として頭に入れておきたいことを中心に紹介していきます。 文字組みの要素 文字組みの要素を挙げるとおおよそ次のような項目があります。 文字 文字サイズ 行間と行送り、行長 文字詰め 和欧混植 このうち今回の基礎知識では、文字について説明します。 1.

    works014
    works014 2013/11/12
    …何か良くなったような…
  • 403 Forbidden

    \閉鎖予定のサイトも売れるかも?/ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう

    works014
    works014 2013/10/11
    字送り=トラッキング…どう解釈しているのか? 微妙…
  • 1