Google+より投稿

good read: "画面幅に応じて文字サイズ、高さを変更「FlowType.JS」" http://feedly.com/k/1aUtEy0

=======================================

good read: "画面幅に応じて文字サイズ、高さを変更「FlowType.JS」" http://feedly.com/k/1aUtEy0

FlowType.JSはJavaScript製のオープンソース・ソフトウェア（MIT License）です。レスポンシブWebデザインにおいては画面幅によってコンテンツの表示が変化します。そのため意図した通りに表示されていないと感じることが多いかも知れません。そこで使ってみたいのがFlowType.JSです。最初の表示です。一行目の終わりの文字は75です。文字サイズを大きくしましたがやはり終わりは75です。逆にもの凄く小さくしましたが75のままとなっています。FlowType.JSではフォントサイズ、行の高さをベースに幅を決定しています。そのため意図した通りのテキストがそのまま表現できるようになっています。幅を縮めると一気にテキストがぐしゃぐしゃになってしまった、といった事態が防げそうです。MOONGIFTはこう見るFlowType.JSが役立ちそうな場面としてWebサイトのデザインサンプルがありそうです。最大の幅で見せた時にも、サムネイルとして狭い幅で表示した際にも同じ見え方が実現でき...

https://plus.google.com/106218564410864892476

September 07, 2013 at 07:25AM