良いコミック小説はなかなか定義しにくいものだが、アンドリュー・ショーン・グリアはそれについてよく知っている。ここで彼は、面白い文章がこれほどまでに楽しいものである理由について考察する。
これは、ウェブサイト用のカスタムフォントを定義するCSSコードのブロックです。「Guardian Headline Full」フォントファミリーを、ライト、レギュラー、ミディアム、セミボールドなどの異なるスタイルとウェイトで設定し、それぞれにノーマルとイタリックのバージョンがあります。このコードは、フォントファイルのダウンロード元を指定し、ブラウザ間の互換性を確保するためにWOFF2、WOFF、TTFなどの異なる形式を使用しています。これはCSSコードのブロックであり、テキストの一節ではありません。ウェブサイトのフォントスタイルとレイアウトルールを定義しています。ここでは、その内容を平易な英語で説明します。 このコードは、ガーディアン紙のウェブサイト用にカスタムフォントを設定しており、さまざまなウェイト（ボールド、ブラック、およびそれらのイタリック版）の「Guardian Headline Full」と、ボールドの「Guardian Titlepiece」が含まれています。これらのフォントは、ブラウザ間の互換性を確保するために、ガーディアンのアセットサーバーから複数の形式（WOFF2、WOFF、TTF）で読み込まれます。 また、「content__main-column--interactive」と呼ばれる特定のページレイアウト用のレスポンシブデザインルールも含まれています。幅広い画面（71.25em以上）では、このコラムの左マージンは160pxになり、さらに幅広い画面（81.25em以上）では、マージンは240pxに増加します。このコラム内では、「element-atom」などの特定の要素は最大幅620pxに制限されますが、小さい画面（46.24em未満）では全幅を取ることができます。 「element-showcase」要素の場合、モバイルでは左マージンはありませんが、中程度の画面（46.25em以上）では幅620pxに制限され、大きな画面（71.25em以上）では860pxまで拡張できます。「Element-immersive」要素は全幅になるように設計されています。モバイルではビューポート全体に広がり、中程度の画面ではわずかにシフトしてコラムを超えて延長され、大きな画面では最大幅1260pxで通常に整列します。 最後に、このコラム内の段落とリストも幅620pxに制限され、コラムの全高に15pxを加えた高さに広がる装飾的な擬似要素（":before"）があり、最小高さは100pxで、上部に配置されます。.content__main-column--interactive:before { border-left: 1px solid #dcdcdc; z-index: -1; left: -10px; } @media (min-width: 81.25em) { .content__main-column--interactive:before { border-left: 1px solid #dcdcdc;...