Oto przetłumaczony tekst na język polski:
Tekst akapitu używa czcionki GuardianTextEgyptian, Guardian Text Egyptian Web, Georgia lub szeryfowej. Jest ustawiony na 0,9375rem, z wysokością linii 1,4, normalną wagą i normalnym stylem. Grubość dekoracji tekstu wynosi 2px.
Nagłówek 2 używa czcionki GH Guardian Headline, Guardian Egyptian Web, Georgia lub szeryfowej. Jest ustawiony na 1,5rem, z wysokością linii 1,15, pogrubioną wagą i normalnym stylem. Grubość dekoracji tekstu wynosi 3px.
Klasa "src-headline-medium-17" używa czcionki GH Guardian Headline, Guardian Egyptian Web, Georgia lub szeryfowej. Jest ustawiona na 1,0625rem, z wysokością linii 1,15, średnią wagą (500) i normalnym stylem. Grubość dekoracji tekstu wynosi 2px.
Klasa "src-text-sans-14" używa czcionki GuardianTextSans, Guardian Text Sans Web, Helvetica Neue, Helvetica, Arial, Lucida Grande lub bezszeryfowej. Jest ustawiona na 0,875rem, z wysokością linii 1,3, normalną wagą i normalnym stylem. Grubość dekoracji tekstu wynosi 2px.
Klasa "src-text-sans-bold-17" używa czcionki GuardianTextSans, Guardian Text Sans Web, Helvetica Neue, Helvetica, Arial, Lucida Grande lub bezszeryfowej. Jest ustawiona na 1,0625rem, z wysokością linii 1,3, pogrubioną wagą (700) i normalnym stylem. Grubość dekoracji tekstu wynosi 2px.
Właściwość niestandardowa "--src-brand-400" jest ustawiona na #052962.
Gdy skrypty są włączone, artykuł z klasą "content--interactive" i jego element potomny div, a także elementy z klasą "article", są początkowo ukryte z nieprzezroczystością 0 i ukrytym overflow. Po załadowaniu strony (wskazywanym przez klasę "interactive-loaded"), te elementy stają się w pełni widoczne z płynnym przejściem trwającym 1 sekundę, a ich overflow jest ustawione na "unset".
Czcionka "Guardian Headline Full" jest ładowana w kilku stylach. Dla lekkiej wagi (300) w normalnym stylu, pliki czcionek pochodzą z zasobów Guardiana. To samo dotyczy lekkiej kursywy, zwykłej (400) normalnej, zwykłej kursywy, średniej (500) normalnej i średniej kursywy. Każda używa odpowiednich formatów woff2, woff i truetype.
@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; }
@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/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BoldItalic.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BoldItalic.ttf) format("truetype"); font-weight: 700; 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-Black.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Black.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Black.ttf) format("truetype"); font-weight: 900; 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-BlackItalic.woff2) format("woff2"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BlackItalic.woff) format("woff"), url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BlackItalic.ttf) format("truetype"); font-weight: 900; font-style: italic; }
@font-face { font-family: Guardian Titlepiece; src: url(https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.woff2) format("woff2"), url(https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.woff) format("woff"), url(https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.ttf) format("truetype"); font-weight: 700; font-style: normal; }
:root:root [data-gu-name="media"], :root:root [data-gu-name="title"], :root:root [data-gu-name="headline"], :root:root [data-gu-name="standfirst"], :root:root [data-gu-name="lines"], :root:root [data-gu-name="meta"], :root:root [data-link-name="article section"] { display: none; }
:root:root article { --standfirst-text: #adc8f4; --byline: #adc8f4; --article-background: #224a8a; --article-text: #1a1a1a; --article-link-text: #ffffff; --textblock-text: #adc8f4; --article-border: #0077b6; --straight-lines: #224a8a; --share-button: #adc8f4; --share-button-border: #a; }
Oto przepisany tekst w płynnym, naturalnym angielskim:
```css
dc8f4}:root:root article figure.element-atom {
margin: 0;
}
:root:root .back-button {
border: 1px solid lightgray;
font-family: Guardian Text Sans Web, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
font-size: 17px;
padding: 6px 18px;
border-radius: 40px;
width: fit-content;
display: flex;
align-items: center;
gap: 6px;
}
html.no-scroll {
overflow: hidden;
}
h2 {
color: var(--src-brand-400);
}
a {
border-bottom: none !important;
text-decoration: none;
}
img {
max-width: 100%;
max-height: 100%;
}
article {
position: relative;
}
/*
* Zapewnia mixin `mq` z sass-mq z predefiniowanymi punktami przerwania Guardiana.
* Użyj go w ten sposób:
*
* `@include mq(leftCol) ...`
*
* Dostępne punkty przerwania:
* - desktop: 61.25em
* - leftCol: 71.25em
* - mobile: 20em
* - mobileLandscape: 30em
* - mobileMedium: 23.4375em
* - phablet: 41.25em
* - tablet: 46.25em
* - wide: 81.25em
*/
/*
* Ten plik jest automatycznie generowany przez src/source/generate/breakpoints.js
*/
/*
* Ten plik jest automatycznie generowany przez src/source/generate/typography.js
*/
/
* Stos czcionek danych
*
* @group typografia
*/
/
* Stos czcionek szeryfowych
*
* @group typografia
*/
/
* Stos czcionek nagłówkowych
*
* @group typografia
*/
/
* Stos czcionek tekstowych bezszeryfowych
*
* @group typografia
*/
/
* Stos czcionek nagłówkowych bezszeryfowych
*
* @group typografia
*/
/
* Domyślne ustawienia skali czcionek
* Zobacz font-scale.html i font-scale.png dla przykładów wizualnych
*
* @group typografia
*/
/
* Pobierz wszystkie poziomy czcionki ze skali czcionek
*
* @param {String} $name - Nazwa macierzy skali czcionek (np. headline)
* @param {Map} $font-scale ($font-scale)
*
* @example
* font-size: get-scale(header);
*
* @requires {variable} $font-scale
*
* @return {Map}
*
* @group typografia
*/
/
* Pobierz informacje dla konkretnego poziomu skali czcionek
*
* @param {String} $name - Nazwa skali czcionek w macierzy (np. headline)
* @param {Number} $level - Poziom w macierzy
* @param {Map} $font-scale ($font-scale)
*
* @example
* font-size: get-scale-level(header, 1);
*
* @requires {variable} $font-scale
* @requires {function} get-scale
*
* @return {Map}
*
* @group typografia
*/
/
* Pobierz rozmiar czcionki dla poziomu w macierzy skali czcionek
*
* @param {String} $name - Nazwa skali czcionek w macierzy (np. headline)
* @param {Number} $level - Poziom w macierzy
* @param {Map} $font-scale - Konfiguracja
*
* @example
* font-size: get-font-size(header, 3);
*
* @requires {variable} $font-scale
* @requires {function} convert-to-px
* @requires {function} get-scale-level
*
* @return {Number}
*
* @group typografia
*/
/
* Pobierz wysokość linii dla poziomu w macierzy skali czcionek
*
* @param {String} $name - Nazwa skali czcionek w macierzy (np. headline)
* @param {Number} $level - Poziom w macierzy
* @param {Map} $font-scale - Konfiguracja
*
* @example
* font-size: get-line-height(header, 3);
*
* @requires {variable} $font-scale
* @requires {function} convert-to-px
* @requires {function} get-scale-level
*
* @return {Number}
*
* @group typografia
*/
/
* Konwertuj dowolną wartość na piksele
*
* @param {Number} $value
*
* @example
* font-size: convert-to-px(14); // 14px
*
* @return {Number}
*
* @group typografia
*/
/
* Domyślne ustawienia typografii, które należy dołączyć jak najwcześniej w HTML
* 1. Spraw, aby renderowanie tekstu było ostrzejsze
2. Ustaw względne odstępy między wierszami na 1.5 (16px 1.5 = 24px)
*
* @param {String} $font-family ($f-serif-text) - Domyślna globalna czcionka
*
* @requires {variable} $f-serif-text
*
* @group typografia
*/
/
* Skrót dla rozmiaru czcionki i wysokości linii
*
* @param {Number} $size
* @param {Number} $line-height ($size)
*
* @example
* @include font-size(18, 24);
*
* @requires {function} convert-to-px
*
* @group typografia
*/
/
* Skrót dla stylizacji czcionki
* Uwaga: Preferuj używanie mixinów skali czcionek, aby zachować spójność ze skalą czcionek
*
* @param {String} $family
* @param {String} $weight
* @param {Number} $size
* @param {Number} $line-height ($size)
*
* @example
* @include font(arial, bold, 18, 24);
*
* @requires {mixin} font-size
*
* @group typografia
*/
```Typografia
Właściwości rodziny i wagi nagłówka
Wymaga zmiennej `$f-serif-headline`.
Grupa: typografia
Ustawienia typografii nagłówka
Parametry:
- `$level` (Number)
- `$size-only` (Boolean)
Przykłady:
- Dołącz wszystkie właściwości (rozmiar czcionki, wysokość linii, rodzina, waga):
`@include fs-header(3);`
- Dołącz tylko rozmiar czcionki i wysokość linii:
`@include fs-header(3, $size-only: true);`
Wymaga:
- Funkcji `get-font-size`
- Funkcji `get-line-height`
- Mixinu `font-size`
- Mixinu `f-header`
Grupa: typografia
---
Właściwości rodziny i wagi nagłówka (headline)
Wymaga zmiennej `$f-serif-headline`.
Grupa: typografia
Ustawienia typografii nagłówka (headline)
Parametry:
- `$level` (Number)
- `$size-only` (Boolean)
Przykłady:
- Dołącz wszystkie właściwości (rozmiar czcionki, wysokość linii, rodzina, waga):
`@include fs-headline(3);`
- Dołącz tylko rozmiar czcionki i wysokość linii:
`@include fs-headline(3, $size-only: true);`
Wymaga:
- Funkcji `get-font-size`
- Funkcji `get-line-height`
- Mixinu `font-size`
- Mixinu `f-headline`
Grupa: typografia
---
Właściwości rodziny i wagi nagłówka treści
Wymaga zmiennej `$f-serif-text`.
Grupa: typografia
Ustawienia typografii nagłówka treści
Parametry:
- `$level` (Number)
- `$size-only` (Boolean)
Przykłady:
- Dołącz wszystkie właściwości (rozmiar czcionki, wysokość linii, rodzina, waga):
`@include fs-bodyHeading(3);`
- Dołącz tylko rozmiar czcionki i wysokość linii:
`@include fs-bodyHeading(3, $size-only: true);`
Wymaga:
- Funkcji `get-font-size`
- Funkcji `get-line-height`
- Mixinu `font-size`
- Mixinu `f-bodyHeading`
Grupa: typografia
---
Właściwość rodziny tekstu głównego
Wymaga zmiennej `$f-serif-text`.
Grupa: typografia
Ustawienia typografii tekstu głównego
Parametry:
- `$level` (Number)
- `$size-only` (Boolean)
Przykłady:
- Dołącz wszystkie właściwości (rozmiar czcionki, wysokość linii, rodzina):
`@include fs-bodyCopy(3);`
- Dołącz tylko rozmiar czcionki i wysokość linii:
`@include fs-bodyCopy(3, $size-only: true);`
Wymaga:
- Funkcji `get-font-size`
- Funkcji `get-line-height`
- Mixinu `font-size`
- Mixinu `f-bodyCopy`
Grupa: typografia
---
Właściwość rodziny danych
Wymaga zmiennej `$f-data`.
Grupa: typografia
Ustawienia typografii danych
Parametry:
- `$level` (Number)
- `$size-only` (Boolean)
Przykłady:
- Dołącz wszystkie właściwości (rozmiar czcionki, wysokość linii, rodzina):
`@include fs-data(3);`
- Dołącz tylko rozmiar czcionki i wysokość linii:
`@include fs-data(3, $size-only: true);`
Wymaga:
- Funkcji `get-font-size`
- Funkcji `get-line-height`
- Mixinu `font-size`
- Mixinu `f-data`
Grupa: typografia
---
Właściwość rodziny tekstu bezszeryfowego
Wymaga zmiennej `$f-sans-serif-text`.
Grupa: typografia
Ustawienia typografii tekstu bezszeryfowego
Parametry:
- `$level` (Number)
- `$size-only` (Boolean)
Przykłady:
- Dołącz wszystkie właściwości (rozmiar czcionki, wysokość linii, rodzina):
`@include fs-textSans(3);`
- Dołącz tylko rozmiar czcionki i wysokość linii:
`@include fs-textSans(3, $size-only: true);`
Wymaga:
- Funkcji `get-font-size`
- Funkcji `get-line-height`
- Mixinu `font-size`
- Mixinu `f-textSans`
Grupa: typografia
---
Właściwość rodziny nagłówka bezszeryfowego
Nie jest to obecnie część naszej macierzy skali czcionek, więc nie ma dla niego mixinu `fs-`. Na razie używamy go tylko jako czcionki zastępczej w kilku miejscach.
Wymaga zmiennej `$f-sans-serif-headline`.
Grupa: typografia
---
@font-face
```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");
}
```@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;
}
@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;
}```css
@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/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BoldItalic.woff") format("woff"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BoldItalic.ttf") format("truetype");
font-weight: 700;
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-Black.woff2") format("woff2"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Black.woff") format("woff"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Black.ttf") format("truetype");
font-weight: 900;
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-BlackItalic.woff2") format("woff2"),
url("https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BlackItalic.woff") format("woff"),
url
