することで、フォントサイズを直感的に指定できるようになる。1.8rem|18px|本文として決して大きすぎるとはないサイズ1.6rem|16px|ブラウザのデフォルトサイズ1.4rem|14px|サブ扱いの短いテキストとして使えるサイズ1.2rem|12px|日本語のテキストサイズとしては厳しい。欧文はCopyright表記などに使えるサイズ。制作側のPC環境でデザインが固定されるのではなく、テキストは常に可変されるものであることを認識しておく。テキストサイズが変われば、その親要素のボックスサイズも変更されるので、デザインレイアウト自体も常に変わっていく。魔法のテキストカラーたとえばWebサイトのロゴがブラックの場合、テキストカラーもブラックに統一した方がトーンマナーを統一できる。#555」を指定する。白背景とのコントラストが弱まって印象が少し軽くなる。日本語のWebフォントWebフォントという、サーバーからフォントデータ自体を読み込んでしまう方法もある。すればどのデバイスでも同じフォントで表示される。欧文はデータ量が少ないが、日本語は漢字などを含めると数万文字以上のデータ量を必要とする。スマホで10MBのWebフォントのデータを読み込むのは、Webサイトの表示時間の足かせとなる。多くのWebサイトで同じWebフォントが使われるようになれば、Webフォントのデータはローカルにキャッシュされるので、再度読み込む必要がなくなる。他のWebサイトでキャッシュされたフォントデータを自サイトでも利用できるということ。CDN(コンテンツ・デリバリー・ネットワーク)を使って読み込むのがベター。JP欧文のWebフォント欧文のWebフォントは比較的充実している。Fonts」がベター。共同でバリアブルフォントを開発中。文字の骨組みから自由に肉付けを行って、さまざまなウエイトを作れるというもの。Webセーフカラースクリーンによって色温度やカラープロファイルが違う。色味が変わらないとされていた216色のWebセーフカラーは、8bit(256色)時代のこと。16bit(65,536色)以上の環境では、セーフカラーは関係ない。CMYKと同じように、パステルカラーやペールトーンは色転びしやすい傾向がある。テキスト色や装飾の意味ブルーのテキストや、アンダーラインがついたテキストはリンクを意味する。グレーはグレーアウト(クリックできない箇所)の意味。「Webサイト制作のワークショップ」のメモです。「Webサイト制作のワークショップ」のメモです。Webの世界...WS|WordPressのインストール「Webサイト制作のワークショップ」のメモです。あらゆるWe...WS|マルチデバイスへの対応とモバイルファースト「Webサイト制作のワークショップ」のメモです。Ohmori未来志向のクリエイター。東京で制作プロダクションを経て独立し、フリーランス歴20年。これまで幅広く国内外のプロジェクトに携わる。クリエイティブのスキルを学べるサービスを創造中。電子書籍TokyoHeadTerminal。