ウェブで美しい文字組みを表現する。-ウェブフォントの文字詰め・文字組み- | das. – 株式会社デジタル・アド・サービス
デザイン ウェブで美しい文字組みを表現する。 -ウェブフォントの文字詰め・文字組み- August 5, 2014 美しく、読みやすい文字とはー 何十年も前の古い書物を手にした時でも、その文字の美しさや存在感に圧倒されることがあります。 経年劣化による印刷のかすれや紙のヤケですら、そこに印刷されている文字の美しさを引き立たせるような本に出会うと、内容がどうであれ、それだけで充分な価値があるように思えてきます。 それを考えると、「文字」を取り巻く技術は進歩しても根本的な美しさの基準や価値はまったく変化していないという事に気づきます。 ことウェブにおいても同様で、縦書き表現なども含めウェブサイトでの文字についてはもう何年も前から議論されてきました。 ひと昔前までは、ウェブサイトでのデザイン要素としての文字は画像で補う、というような常識がありましたが、CSS3の登場以降、そんな常識も崩れてウェブ
Kerning.js
Take control of your web typography. CSS, meet kerning. Kerning, meet CSS. Kern, style, transform, and scale your web type with real CSS rules, automatically. Print designers have had it easy for way too long. This is 2014; the web has been around for over two decades, yet web designers don’t get full control over their typography? Forget that, use Kerning.js! Getting started Using Kerning.js is a
和文と欧文の間に半角スペースを入れるか | Okumura's Blog
Moodleのフォーラムで英単語の前後に空白をという提案がされている。「Moodleは」より「Moodle は」のほうが読みやすいから半角スペースを入れようということである。 もともと和文とプロポーショナル欧文の間には，テキストの段階では何も入れなくても，組版の段階で四分アキ（全角の1/4の幅の空白）を入れる習慣があり，先日出たW3Cの Requirements for Japanese Text Layout（日本語組版処理の要件）の3.2.6のdにもそう書いてある。日本語のブラウザがこれに対応してくれれば余分のスペースを入れる必要がなくなるのだが。 もっとも，「四分アキ」もだんだん狭くなってきて，最近の雑誌類ではほとんど入れていないように見える。スタイルシートで調節ができるのがベストかも。
文字をJavaScriptで画像のようにレンダリングする·typeface.js MOONGIFT
Webサイトを見ていると、文字を画像に置き換えたサイトを見ることがある。思い描いている見せ方をそのまま表示させたいときなど、デザインを重視するサイトでよく見られる工夫だ。しかし問題はそのメンテナンス性の悪さだろう。 奇麗に文字が表示されるようになる それに適切に説明文を入れておかないと文字読み上げブラウザなどでは何も情報が得られなくなってしまう。そうした煩雑さから解放されるライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはtypeface.js、文字をSVG画像に変換するJavaScriptライブラリだ。 typeface.jsは指定した文字をそのままcanvasタグを使ったSVG画像に変換する。CSSを使って文字装飾を行うことができ、太字/イタリック/色変更を変更できる。他にもfont-stretch（横幅）、文字間隔、行の高さなどを指定することが可能だ。 選択すると文字全
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
文字をJavaScriptで画像のようにレンダリングする·typeface.js MOONGIFT
