WEB上で使われているテキストのサイズの調べ方

質問

現在、illustratorでWEBのレイアウトを作成しているのですが、中に挿入するテキストのサイズがどのくらいのPtで作成すれば、ちょうどいいサイズなのかわかりません。

そこで、そこらじゅうにあるWEB上のテキストがillustratorのテキストのどのくらいのサイズかを調べる方法はありますでしょうか？

初心者な質問で大変申し訳ないのですがどうかよろしくお願いいたします。

回答No.2

kyonoryori · ベストアンサー

はじめまして。
ウェブ上のテキストサイズといってもサイトによってさまざまですよね。見出し以外で一般的なのは12ptから14ptくらいでしょうか（ptで言えば）。

Illustratorで制作されても、そのとおりぴったりにHTMLが再現できるわけではありません。同じサイトでもブラウザやOSの環境により見え方は異なりますし、文字サイズはユーザーが自由に変えられるようにしておくべきです。

つまり、文字サイズはある程度だけ指定しておいてそれほど固執せず、デザインが文字サイズを変更したときにもおかしくならないような工夫をすることのほうが重要なのではないかと思います。

いちおう下記に「代表的なブラウザでサイズ変更した例」としていくつかサンプルが載っています。参考まで。
http://www.tokai-bt.soumu.go.jp/siensaku/accessibility/L6_font.htm
各ブラウザのデフォルトフォントサイズ
http://fb.skr.jp/bowz/archives/000391.html

回答No.1

webtera

新規ドキュメントを作成時に、「アートボード設定」で単位をピクセルに設定し、１００％表示にします。
そして、一般的な文字、ゴシック等で１２などと指定すれば、わかりやすいと思います。
文字の間隔や行の余白等は、illustratorのような細かな設定は、レイアウトに沿って、外部ＣＳＳで設定するように私はしていますが、「ちょうどいいサイズ」というものは、制作する内容やレイアウトによってまちまちなので、なんとも言えません。