Bu, "Guardian Headline Full" adlı bir yazı tipi ailesini tanımlayan ve farklı yazı tipi dosyalarının nereden yükleneceğini belirten bir CSS kodu bloğudur. Her biri kendi kaynak dosya setine sahip (WOFF2, WOFF ve TTF formatlarında) birden fazla yazı tipi ağırlığını (light, regular, medium, semibold) ve stili (normal ve italik) içerir ve bu dosyalar Guardian'ın web sitesinde barındırılır. Kod, bu dosyalara bağlanarak yazı tipinin bir web sayfasında kullanılabilir olmasını sağlar.
Bu, Guardian'ın tipografisi için yazı tipi yüzlerini tanımlayan bir CSS stil sayfasıdır. "Guardian Headline Full" ve "Guardian Titlepiece" yazı tipi aileleri için çeşitli yazı tipi dosyalarını (WOFF2, WOFF ve TTF formatlarında) yükler ve her biri için farklı ağırlıkları (light, regular, bold, black) ve stilleri (normal veya italik) belirtir. URL'ler, Guardian'ın varlık sunucusunda barındırılan yazı tipi dosyalarına işaret eder.
Bu, "Guardian Headline Full" yazı tipi ailesini çeşitli ağırlıklar ve stillerle tanımlayan bir CSS kod bloğudur. Her biri yazı tipinin kaynak dosyalarını farklı formatlarda (woff2, woff ve truetype) ve ilgili font-weight ile font-style özelliklerini belirten birden çok @font-face kuralı içerir. Ağırlıklar 400 (regular) ile 900 (black) arasında değişir ve her ağırlık için hem normal hem de italik stiller mevcuttur. Yazı tipi dosyaları Guardian'ın varlık sunucusunda barındırılır.
Bu, muhtemelen The Guardian'ın web sitesinden bir web sayfası için yazı tipi stillerini ve yerleşim kurallarını tanımlayan bir CSS kodu bloğudur. Farklı ağırlıklarda ve formatlarda özel yazı tipleri ("Guardian Headline" ve "Guardian Titlepiece" gibi) ayarlar, ardından içerik bölümlerini (başlık, manşet, gövde vb.) farklı ekran boyutlarında duyarlı bir şekilde düzenlemek için bir ızgara yerleşim sistemi kullanır. Yerleşim, mobil, tablet ve masaüstü cihazlarda doğru görüntülemeyi sağlamak için çeşitli kesme noktalarında (örn. 30em, 46.25em, 61.25em, 71.25em) sütunları ve boşlukları ayarlar.
Sürükleyici altyazılara sahip etkileşimli ızgara figürleri için altyazı stili, üstte 4px ve altta 0 dolgu uygular. Bu, makale gövdeleri, etkileşimli içerik, yorum bölümleri ve özellik gövdeleri dahil olmak üzere çeşitli içerik alanlarında geçerlidir.
Etkileşimli ızgara düzeninde, çizgiler ve meta bölümleri, 2. satır, 1. sütundan 5. satır, 2. sütuna uzanan ızgara alanına yerleştirilir. Çizgiler bölümünün yüksekliği içeriğine sığacak şekilde ayarlanır ve üst kenar boşluğu 5px'tir. Meta bölümünün üst kenar boşluğu 18px'tir.
81.25em'den (1300px) geniş ekranlar için etkileşimli ızgara, 219px, 1px, 620px, 80px ve 300px'lik bir sütun düzeni kullanır.
iOS ve Android cihazlarda, makale başlıklarındaki standfirst metni, orta ağırlıkta Guardian Headline yazı tipi ailesini kullanır. Makale kicker bölümü blok olarak görüntülenir ve ilk harf büyük harfle yazılır. keyline-4 öğesinin üst dolgusu 12px'dir. İmza yazar adları Guardian Headline yazı tipinde kalın ağırlık kullanır ve içlerindeki bağlantılar da kalındır. Makale figürlerindeki görsellerin yüksekliği otomatik olarak ayarlanır ve etkileşimli atomları takip eden paragrafların üst kenar boşluğu yoktur.
Guardian Headline Full yazı tipi, light ağırlık ve normal stil ile light italik stil için birden çok dosya formatıyla (woff2, woff ve ttf) tanımlanır.
