webフォントを120%活用するための基礎知識&最新動向 - Speaker Deck
## webフォント/OpenTypeの仕様 - CSS Fonts Module Level 3 - https://www.w3.org/TR/css-fonts-3/ - OpenType Font Variations overview - Typography | Microsoft Docs - https://docs.microsoft.com/ja-jp/typography/opentype/spec/otvaroverview - svg - Scalable vector graphics table - Typography | Microsoft Docs - https://docs.microsoft.com/ja-jp/typography/opentype/spec/svg ## コーポレートフォント - 小林章×小林豊 | こちら、銀座 資生堂 センデ
ウェブサイトでシステムフォント
GoogleのRobotoや、AppleのSan Franciscoなど、OSベンダーが独自のフォントを開発し、自社製品のUIにシステムフォントとして採用する、という事例が相次いでいます。これらのフォントは、プラットフォームの特性を考慮して最適化されたもの（あるいは最適なものとして選ばれたもの）と言え、かつ今後のOSのアップデートにともなってさらに改善されることも期待できます。また、ユーザーがそのシステムを操作するときにもっとも頻繁に触れる、つまりもっとも見慣れているフォントでもあります。というわけで、これらシステムフォントをウェブサイトのUIに採用するというのはかなり良いアイデアに思えます。 一方で、システムフォントはあくまでUIのためのもので、長い文章などには向かない場合もあるので、コンテンツ部分は別のフォントを指定すると良いかもしれません。たとえばMediumなどではそのようなアプロ
フォントサイズと可読性 - makitani.com
2週間ほど前から、自社サイト（真摯のサイト）の本文や見出しのフォントサイズなどを一回り大きくしました。このブログの文字サイズも同じように今日、一回り大きくしています。 自分で自社サイトやブログが読みにくいなあと感じるようになってきたこと、またこれは体感的なものですが、世間一般的にもフォントサイズが大きいサイトが増えてきて、そちらの方が読みやすいと感じたことが、変更したきっかけです。 閲覧環境の変化や、寄る年波や Webサイトを閲覧する環境はこの数年で大きく変わったと思います。PCはといえばディスプレイの解像度も高くなり、高解像度の液晶ディスプレイも驚くほど安いです。事務所ではデュアルディスプレイの環境ですが、大きい方のディスプレイは1600×900の画素数です。どーんと構えてブラウザーもばーんと広げて見ますから、Webサイトの横幅もある程度広くても苦になりませんし、フォントサイズも大きい方
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
