最近、以前の記事を振り返ってみると、空行が多すぎて読むのに支障が出る場合や、文字が大きすぎて携帯で見ると変な感じがする場合があります。また、フォントの問題もあり、iPhoneなどのApple端末では対応していないフォントがあるため、表示が悪くなります。そのため、フォーマットを統一して、今後のレイアウトが混乱しないようにしたいと思います。
フォント
Microsoft YaHei フォントを優先的に使用し、Appleデバイスではシステムフォント -apple-system を優先的に使用します。Helvetica、Roboto、Noto、Arial、sans-serif を代替フォントとして使用します。
レイアウトフォーマット
記事の文字色はあまり多くないように、3色以内に抑える
記事と左右のボーダーとの距離は20pxを使用します。左右のボーダーに密着させると圧迫感が生じます。
本文の行間は33pxに設定します。
文章の各段落の最初は、段落が携帯で長く表示される場合に整った見え方になりませんので、段ボールは使用しません。
h1 タイトルの文字サイズは2.2emを使用します。h2 は1.5em、h3 は1.3em、h4 は1.15em、h5 は1em、h6 は0.9emを使用します。
本文の文字サイズは15pxを使用します。ライトモードでは文字色はrgba(0,0,0,0.7)、ダークモードでは文字色は#d9d9d9を使用します。
テキストフォーマット
リンクとリンク以外のテキストの間にはスペースを入れる
テキスト表現は明確であいまいなく、文字の使い方は正しく、誤字やスペルの間違いがない
中国語と英語、中国語と数字の間にはスペースを入れて、見やすくする
特定の英語単語は正しい大文字小文字を使用する。例えば Font Awesome は Fontawesome などとは書かない
画像
- ウェブページの閲覧体験を向上させるために、使用する画像を圧縮する必要があります。明らかに鮮明さが必要ない画像以外は、画像を200Kb以下に圧縮します。
その他
- すべての記事はクリエイティブコモンズ表示-非営利-継承 4.0 国際ライセンスでライセンスします。