最近、以前の記事を見返してみると、問題点が多いことに気づきました。空行が多すぎて読みづらかったり、文字が大きすぎてスマートフォンで見ると違和感があったりします。また、使用フォントの問題もあり、iPhoneに該当フォントがないため、表示が非常に見づらくなっています。そのため、今後のレイアウトが乱れないように、フォーマットを統一したいと思います。

フォント

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 などと書かない

画像

• Webページの閲覧体験を向上させるため、参照するすべての画像を圧縮する。鮮明さを保証する必要がある画像を除き、画像は200KB未満に圧縮する

その他

• すべての記事はクリエイティブ・コモンズ 表示-非営利-継承 4.0 国際 ライセンスの下で提供される。