İşte İngilizce'den Türkçe'ye çevrilmiş metin:
```css
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Light.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Light.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-LightItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-LightItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Regular.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Regular.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-RegularItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-RegularItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-RegularItalic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Medium.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Medium.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-MediumItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-MediumItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-MediumItalic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Semibold.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Semibold.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Semibold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-SemiboldItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-SemiboldItalic.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}
```
Sağlanan CSS kodu, muhtemelen The Guardian gibi bir haber veya medya sitesine ait bir web sayfası için bir dizi stil kuralıdır. Videolar, resimler ve metin blokları gibi farklı öğelerin sayfada nasıl görüntüleneceğini tanımlar. Kurallar, ekran boyutuna ve kullanıcı tercihlerine (karanlık mod gibi) göre boşluk, hizalama ve renkleri ayarlar. Örneğin, satır içi öğeler için maksimum genişlikler belirler, video döngülerinin nasıl görüneceğini kontrol eder ve karanlık modda metin renklerini değiştirir. Kod ayrıca sürükleyici video öğeleri ve blok alıntılar için özel işleme içerir. Genel olarak, sayfanın farklı cihazlarda ve ayarlarda iyi görünmesini ve iyi çalışmasını sağlar.
İşte akıcı, doğal İngilizce ile yeniden yazılmış metin:
`.sign-in-gate`, `.element-atom` veya `hr` (son yatay çizgi hariç) gibi belirli öğelerden sonraki ilk paragraf için, ilk harf `Guardian Headline`, `Guardian Egyptian Web`, `Guardian Headline Full` veya `Georgia, serif` yazı tipiyle stillendirilir. Kalın, 111 piksel boyutunda, 92 piksel satır yüksekliğine sahiptir. Sola kayar, büyük harflidir ve 8 piksel sağ kenar boşluğuna sahiptir. Dikey olarak üste hizalanır ve rengi `--drop-cap` değişkeninden gelir veya `--new-pillar-colour` değişkenine geri döner.
`#article-body > div`, `.content--interactive > div`, `#comment-body`, `[data-gu-name=body]` veya `#feature-body` içindeki bir `hr` öğesini takip eden paragrafların üst dolgusu yoktur.
`#article-body > div`, `.content--interactive > div`, `#comment-body`, `[data-gu-name=body]` veya `#feature-body` içindeki çekme alıntıların maksimum genişliği 620 pikseldir.
`#maincontent`, `#feature-article-container`, `#standard-article-container` veya `#comment-article-container` içindeki vitrin figürleri için, başlık varsayılan olarak statik olarak konumlandırılır, genişliği %100 ve maksimum genişliği 620 pikseldir. 71.25em'den geniş ekranlarda, başlık mutlak olarak konumlandırılır ve maksimum genişliği 140 pikseldir. 81.25em'den geniş ekranlarda, maksimum genişlik 220 piksele çıkar.
Sürükleyici öğeler, kaydırma çubuğu genişliği hariç, tam görüntü alanı genişliğini kaplar. 71.24em'den dar ekranlarda, maksimum genişlikleri 978 pikseldir ve başlığın her iki tarafında 10 piksel dolgu vardır. 30em ile 71.24em arasındaki ekranlarda, başlık dolgusu 20 piksele çıkar. 46.25em ile 61.24em arasındaki ekranlarda, maksimum genişlik 738 pikseldir. 46.24em'den dar ekranlarda, sürükleyici öğenin sol kenar boşluğu -10 piksel (veya 30em'den geniş ekranlarda -20 piksel), sağ kenar boşluğu yoktur ve `left: 0` konumunda konumlandırılır.
Başlıklı sürükleyici öğeler için her iki tarafa 20 piksel dolgu ekleyin. 71.25em'den geniş ekranlarda, ana içerik sütunundaki vitrin resimlerinin sol kenar boşluğu -160 piksel olmalıdır. 81.25em'den geniş ekranlarda, bu kenar boşluğu -240 piksele çıkar.
Mobilya sarmalayıcı göreceli olarak konumlandırılmıştır. 61.25em'den geniş ekranlarda, 20 piksel sütun boşlukları ve satır boşluğu olmayan bir ızgaraya dönüşür. Izgaranın 10 sütunu vardır: ilk beşi başlık, manşet, meta ve giriş için, son beşi ise portre içindir. Satırlar, başlığın 0.25fr, manşetin 1fr, girişin 0.75fr ve metanın otomatik doldurulacağı şekilde ayarlanır ve tümü portre ile hizalanır.
Bu düzende, manşet bölümünün ilk alt öğesi, üstbilgi kenarlık rengini kullanan 1 piksel üst kenarlık alır. Meta bölümünün 2 piksel üst dolgusu ve sağ kenar boşluğu yoktur. Giriş içeriğinin 4 piksel alt kenar boşluğu vardır ve liste öğeleri 20 piksel yazı tipi boyutundadır. Girişteki bağlantıların alt kenarlığı veya arka plan resmi yoktur, ancak 6 piksel ofset ve açık gri renk ile altı çizilidir. Üzerine gelindiğinde, alt çizgi rengi sütun rengine dönüşür. Girişteki ilk paragrafın üst kenarlığı vardır ve alt dolgusu yoktur.
71.25em'den geniş ekranlarda, girişteki ilk paragraf üst kenarlığını kaybeder. Mobilya sarmalayıcı şekil öğelerinin sol kenar boşluğu -10 pikseldir ve alt kenar boşluğu yoktur. Satır içi şekiller 630 piksel maksimum genişlikle sınırlıdır.
71.25em ve üzerinde, ızgara 14 sütuna dönüşür: başlık, manşet ve meta başlangıcı için iki, ardından giriş için beş ve portre için yedi. Satırlar, başlığın 80 piksel yüksekliğinde, manşetin otomatik sığacak şekilde ve giriş ile metanın kalan alanı paylaşacağı şekilde ayarlanır. Meta bölümü, üstbilgi kenarlık rengini kullanan 540 piksel genişliğinde, 1 piksel yüksekliğinde bir üst kenarlık alır. Giriş paragraflarının üst kenarlığı yoktur, ancak sol tarafta tam yüksekliği kaplayan 1 piksel genişliğinde dikey bir çizgi belirir.
81.25em ve üzerinde, ızgara 15 sütun kullanır: başlık, manşet ve meta başlangıcı için üç, ardından giriş için beş ve geri kalanı portre içindir.
Düzen, sütunları şu şekilde tanımlanan bir ızgara kullanır: `eadline-end standfirst-end portrait-start] repeat(8,1fr) [portrait-end]`. Satırlar şu şekilde ayarlanır: `[title-start portrait-start] .25fr [title-end headline-start] 1fr [headline-end standfirst-start meta-start] .75fr [standfirst-end meta-end portrait-end]`.
`.furniture-wrapper` içindeki `#meta` öğesi ve `[data-gu-name=meta]`, 620 piksel genişliğinde bir `::before` sözde öğesine sahiptir. `.standfirst`, `#standfirst` ve `[data-gu-name=standfirst]`, `left: -0.5px` konumunda konumlandırılmış bir `::before` sözde öğesine sahiptir.
Makale başlığı için, `.furniture-wrapper .article-header` ve `[data-gu-name=title]` içindeki `.content__labels > div` öğesinin `padding-top: 2px` değeri vardır.
Manşet (`#headline h1`, `[data-gu-name=headline] h1`, `.headline h1`) 600 yazı tipi ağırlığına, 620 piksel maksimum genişliğe ve 32 piksel yazı tipi boyutuna sahiptir. 71.25em'den geniş ekranlarda, maksimum genişlik 540 piksel olur ve yazı tipi boyutu 50 piksele çıkar.
46.25em'den geniş ekranlarda, `.keyline-4` ve `[data-gu-name=lines]` öğelerinin sağ kenar boşluğu yoktur. 61.25em'den geniş ekranlarda gizlenirler. Bu öğelerin içindeki SVG, `stroke: var(--headerBorder)` kullanır.
46.25em'den geniş ekranlarda, `#meta` ve `[data-gu-name=meta]` öğelerinin sağ kenar boşluğu yoktur. `#meta` ve `[data-gu-name=meta]` içindeki sosyal ve yorum öğeleri `border-color: var(--headerBorder)` kullanır. `.content__meta-container_dcr > div` içindeki `gu-island` gizlidir.
`.standfirst`, `#standfirst` ve `[data-gu-name=standfirst]` öğelerinin sol kenar boşluğu -10 piksel, sol dolgusu 10 pikseldir ve göreceli olarak konumlandırılmıştır. 46.25em'den geniş ekranlarda `padding-top: 2px` değerine sahiptirler. İçlerindeki paragraflar 400 yazı tipi ağırlığına, 20 piksel yazı tipi boyutuna ve 14 piksel alt dolguya sahiptir.
Ana medya (`#main-media`, `[data-gu-name=media]`) göreceli olarak konumlandırılmıştır, üst kenar boşluğu yoktur, alt kenar boşluğu 2 pikseldir ve `portrait` ızgara alanına yerleştirilmiştir. Alt öğeleri tam genişliktedir ve satır içi kenar boşluğu yoktur. 61.25em'den geniş ekranlarda alt kenar boşluğu kaldırılır. 46.24em'den dar ekranlarda genişlik `calc(100vw - var(--scrollbar-width, 0px))` ve sol kenar boşluğu -10 pikseldir. 30em ile 46.24em arasındaki ekranlarda sol kenar boşluğu -20 piksel olur.
`figcaption` en alta konumlandırılmıştır, 4px 10px 12px dolguya, `var(--captionBackground)` arka plan rengine, `var(--captionText)` metin rengine, tam genişliğe, maksimum genişlik yok, alt kenar boşluğu yok ve minimum 46 piksel yüksekliğe sahiptir. İçindeki `span` `color: var(--headerBorder)` kullanır ve SVG'si `fill: var(--headerBorder)` kullanır. İlk `span` gizlidir ve ikincisi maksimum %90 genişlikle görüntülenir. 30em'den geniş ekranlarda dolgu 4px 20px 12px olur. `figcaption` `hidden` sınıfına sahip olduğunda opaklığı 0'dır.
`#caption-button` bir blok olarak görüntülenir, en alta 10px ve sağa 8px konumlandırılır, 30 z-index değerine, `var(--captionBackground)` arka plan rengine, kenarlık yok, %50 kenarlık yarıçapına ve 6px 5px 5px dolguya sahiptir. SVG'si 0.85 ölçeklenir. 30em'den geniş ekranlarda sağ konum 10px olur.
71.25em'den geniş ekranlarda, `.content__main-column--interactive` öğesinin `::before` sözde öğesinin üst değeri -12px ve yüksekliği `calc(100% + 24px)` olur. `.content__main-column--i` sınıfına da atıfta bulunulur.
İşte akıcı, doğal İngilizce ile yeniden yazılmış versiyonu:
Interactive h2 { max-width: 620px; }
:root {
--new-pillar-colour: var(--darkmode-pillar, var(--darkModeFeature)) !important;
--headerBorderColor: #606060;
--darkModeFeature: #ff5943;
}
nav + section,
nav + aside,
aside + section {
display: none;
}
.furniture-wrapper {
background-color: var(--darkBackground);
margin: 0 -10px;
padding: 0 10px 4px;
}
@media (min-width: 30em) {
.furniture-wrapper {
margin: 0 -20px;
padding: 0 20px 8px;
}
}
@media (min-width: 61.25em) {
.furniture-wrapper {
padding: 0 20px;
}
}
@media (min-width: 81.25em) {
.furniture-wrapper::before {
content: "";
width: calc((100vw - 1298px) / 2);
height: 100%;
position: absolute;
left: calc((100vw - 1298px) / -2);
background-color: var(--darkBackground);
border-right: 1px solid var(--headerBorderColor);
}
.furniture-wrapper::after {
content: "";
width: calc((100vw - 1298px) / 2);
height: 100%;
position: absolute;
right: calc((100vw - 1298px) / -2);
background-color: var(--darkBackground);
}
}
.furniture-wrapper .article-header,
.furniture-wrapper [data-gu-name="title"] a,
.furniture-wrapper [data-gu-name="title"] span {
color: var(--new-pillar-colour, var(--darkModeFeature));
}
@media (min-width: 61.25em) {
.furniture-wrapper #headline > div:first-child,
.furniture-wrapper [data-gu-name="headline"] > div:first-child,
.furniture-wrapper .headline > div:first-child {
border-top: 1px solid var(--headerBorderColor);
}
}
.furniture-wrapper #headline h1,
.furniture-wrapper [data-gu-name="headline"] h1,
.furniture-wrapper .headline h1 {
font-weight: 700;
color: #dcdcdc;
}
.furniture-wrapper #headline figure,
.furniture-wrapper [data-gu-name="headline"] figure,
.furniture-wrapper .headline figure {
margin-top: 0;
margin-bottom: 2px;
}
@media (min-width: 71.25em) {
.furniture-wrapper #meta::before,
.furniture-wrapper [data-gu-name="meta"]::before {
background-color: var(--headerBorderColor);
}
}
.furniture-wrapper #meta details,
.furniture-wrapper #meta summary,
.furniture-wrapper #meta summary span,
.furniture-wrapper [data-gu-name="meta"] details,
.furniture-wrapper [data-gu-name="meta"] summary,
.furniture-wrapper [data-gu-name="meta"] summary span {
color: #dcdcdc;
}
.furniture-wrapper #meta .meta__social a,
.furniture-wrapper #meta .meta__social button,
.furniture-wrapper [data-gu-name="meta"] .meta__social a,
.furniture-wrapper [data-gu-name="meta"] .meta__social button {
border-color: var(--headerBorderColor);
color: var(--new-pillar-colour, var(--darkModeFeature));
}
.furniture-wrapper #meta .meta__social a svg,
.furniture-wrapper #meta .meta__social button svg,
.furniture-wrapper [data-gu-name="meta"] .meta__social a svg,
.furniture-wrapper [data-gu-name="meta"] .meta__social button svg {
fill: var(--new-pillar-colour, var(--darkModeFeature));
}
.furniture-wrapper #meta .meta__social a:hover,
.furniture-wrapper #meta .meta__social button:hover,
.furniture-wrapper [data-gu-name="meta"] .meta__social a:hover,
.furniture-wrapper [data-gu-name="meta"] .meta__social button:hover {
color: var(--darkBackground);
background-color: var(--new-pillar-colour, var(--darkModeFeature));
}
.furniture-wrapper #meta .meta__social a:hover svg,
.furniture-wrapper #meta .meta__social button:hover svg,
.furniture-wrapper [data-gu-name="meta"] .meta__social a:hover svg,
.furniture-wrapper [data-gu-name="meta"] .meta__social button:hover svg {
fill: var(--darkBackground);
}
.furniture-wrapper #meta div,
.furniture-wrapper [data-gu-name="meta"] div {
color: #dcdcdc;
}
.furniture-wrapper #meta a,
.furniture-wrapper [data-gu-name="meta"] a {
color: var(--new-pillar-colour, var(--darkModeFeature));
}
.furniture-wrapper #meta a:hover,
.furniture-wrapper [data-gu-name="meta"] a:hover {
color: var(--new-pillar-colour, var(--darkModeFeature));
text-decoration-color: var(--new-pillar-colour, var(--darkModeFeature));
}
.furniture-wrapper .standfirst a,
.furniture-wrapper .standfirst li a,
.furniture-wrapper #standfirst a,
.furniture-wrapper #standfirst li a,
.furniture-wrapper [data-gu-name="standfirst"] a,
.furniture-wrapper [data-gu-name="standfirst"] li a {
border-bottom: none;
color: var(--new-pillar-colour, var(--darkModeFeature));
background-image: none !important;
text-decoration: underline;
text-underline-offset: 6px;
text-decoration-color: var(--headerBorder, #dcdcdc);
}
.furniture-wrapper .standfirst a:hover,
.furniture-wrapper .standfirst li a:hover,
.furniture-wrapper #standfirst a:hover {
/* hover stilleri buraya gelir */
}
Mobilya sarmalayıcının giriş bölümündeki bağlantıların üzerine geldiğinizde, alt kenarlık kaybolur ve alt çizgi rengi sütun rengiyle eşleşecek şekilde değişir. Giriş paragrafları açık gridir (#dcdcdc).
61.25em'den geniş ekranlarda, girişteki ilk paragraf, üstbilgi kenarlık rengini kullanan bir üst kenarlık alır. 71.25em'den geniş ekranlarda bu üst kenarlık kaldırılır.
Girişteki liste öğeleri de açık gridir (#dcdcdc). 71.25em'den geniş ekranlarda, girişten önce üstbilgi kenarlık rengini kullanan bir çizgi belirir.
46.25em'den geniş ekranlarda, mobilya sarmalayıcı sol ve sağ taraflara iki arka plan şeridi ekler. Bu şeritler koyu arka plan rengini kullanır ve ana içerikten bir kenarlıkla ayrılır. Bu şeritlerin genişliği ekran boyutuna göre ayarlanır:
- 46.25em'de toplam içerik genişliği 738 pikseldir.
- 61.25em'de 978 piksele çıkar.
- 71.25em'de 1138 piksel olur.
- 81.25em'de 1298 piksele ulaşır.
keyline-4 ve lines öğeleri, konturları için üstbilgi kenarlık rengini kullanır. Meta bölümünde, sosyal medya simgeleri, yorum alanları ve bunların kenarlıkları da üstbilgi kenarlık rengini kullanır.
Makale gövde metninde, h2 başlıkları 200 yazı tipi ağırlığına sahiptir. Bir h2 kalın metin içeriyorsa, ağırlık 700'e değişir.
`data-print-layout="hide"` özniteliğine sahip öğeler için sırasız listelerin arka plan resmi yoktur.
Son olarak, "Guardian Headline Full" adlı özel bir yazı tipi, hafif ağırlık (300) ve normal stille üç formatta (woff2, woff ve ttf) yüklenir.
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-LightItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-LightItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Regular.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Regular.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-RegularItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-RegularItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-RegularItalic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Medium.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Medium.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-MediumItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-MediumItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-MediumItalic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Semibold.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Semibold.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Semibold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-SemiboldItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-SemiboldItalic.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Bold.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Bold.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BoldItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend
