文字間隔 ページ6
.
文字間隔も読みやすさを左右する要因の一つです。文字の間が狭すぎても見にくいし、開きすぎても見にくいです。
私はだいたい文字間隔1pxで指定していますが、左右の余白が大きめのフォントの場合は文字間隔を開ける設定はしません。文字間隔を開けると可愛らしい印象になることはありますが、文章を読む小説では開けすぎると読みにくくなってしまうと思います。
文字間隔を1px開ける方法
div#desc,#u_result{letter-spacing: 1px;}
1pxの数値を変えれば間隔を変えられます。
0では狭いけど1pxではちょっと広い……と感じたら、0.5px前後がいいかもしれません。ちなみに、この作品は0.7pxで指定しています。
▼相対値
px指定ではパソコンからもスマホからも同じ大きさなので、スマホから小さい文字を見たときに開きすぎていることがあるかもしれません。
そんなときに使えるのが相対値。pxではなくemという単位を使います。
1em=そのページの文字の大きさ
なので、パソコンとスマホからで文字の大きさに合わせて実際の大きさが変わります。
1文字の間隔で開いてます。
これはどの機器から見ても文字間隔がちょうど1文字分です。ドラッグしたらわかると思いますが、スペースは使っていません。
emで指定するときは、0.04〜0.06emくらいが見やすいと感じます。
※pxもemも一部の機器では少数値がうまくいかないようです。私のXperiaでは少数値が1pxの間隔になっていました。
この小説をお気に入り追加 (しおり)
登録すれば後で更新された順に見れます 96人がお気に入り
お気に入り作者に追加
この作品を見ている人にオススメ
この作品を見ている人にオススメ
「オリジナル」関連の作品
違反報告 - ルール違反の作品はココから報告感想を書こう！(携帯番号など、個人情報等の書き込みを行った場合は法律により処罰の対象になります)
朱憑.サブ - 行間隔で探していたので助かりました！参考にさせて頂きます。 (10月11日 21時) (
レス) @page8 id: a164f07a9c (このIDを非表示/違反報告)
華まる(プロフ) - 参考にさせていただきました。リンク張ってもよろしいでしょうか？ (2021年10月31日 9時) (レス) @page6 id: 63f94fe703 (このIDを非表示/違反報告)
もふの。＠低浮上(プロフ) - 参考にさせていただきました。ありがとうございますm(_ _)m (2021年5月30日 16時) (レス) id: c28a2a904a (このIDを非表示/違反報告)
助詞(プロフ) - すみません無知で申し訳ないんですが、コピペしたらどこに貼れば良いでしょうか？PCでやっているんですが反映されません＞＜； (2021年1月18日 21時) (レス) id: d3c52ce529 (このIDを非表示/違反報告)
コップ娘(プロフ) - 行間の指定をどうにかできないものかつい最近まで悩んでいたので、とてもありがたいです。 (2018年3月26日 1時) (レス) id: 2eb1e6ecfa (このIDを非表示/違反報告)
作品は全て携帯でも見れます
同じような小説を簡単に作れます → 作成
この小説のブログパーツ
作者名：花宮 夢(Mistyrose) | 作者ホームページ：http://uranai.nosv.org/u.php/hp/InfoFromMisty/
作成日時：2017年7月3日 0時
