Denne CSS-koden definerer en egendefinert skriftfamilie kalt "Guardian Headline Full" med flere skriftvekter og stiler. Den inkluderer lette, vanlige, mellomtunge og halvfet skriftvekter, hver i både normale og kursiv stil. Skriftfilene er tilgjengelige i WOFF2-, WOFF- og TrueType-formater, hentet fra Guardians ressurserver.
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-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/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-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/noalts-not-hinted/GHGuardianHeadline-Black.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-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/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Guardian Titlepiece';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
div#maincontent:focus {
box-shadow: none !important;
}
.content__main-column--interactive .element-immersive {
max-width: none;
position: relative;
width: 100vw;
left: 50%;
right: 50%;
margin-left: -50vw !important;
margin-right: -50vw !important;
}
@media (min-width: 46.25em) and (max-width: 71.24em) {
.content__main-column--interactive .element-immersive {
margin-left: -50vw !important;
}
}
@media (min-width: 71.25em) {
.content__main-column--interactive .element-immersive {
margin-left: calc(-50vw - 80px) !important;
}
}
@media (min-width: 81.25em) {
.content__main-column--interactive .element-immersive {
margin-left: calc(-50vw - 120px) !important;
}
}
.content__main-column--interactive p {
max-width: 620px;
}
[slot="background"] {
pointer-events: none;
width: 100%;
height: 100vh;
position: relative;
transition: 0.5s opacity linear;
}
.element-atom {
padding-top: 0 !important;
padding-bottom: 0 !important;
border: 0 !important;
}
[data-gu-name="headline"],
[data-gu-name="standfirst"],
[data-gu-name="media"],
[data-gu-name="meta"] {
position: absolute;
z-index: 999;
left: -9999999px;
top: -99999999px;
}
[data-gu-name="border"],
[data-gu-name="lines"] {
display: none;
}
@media (min-width: 61.25em) {
[name="SubNav"] {
display: none;
}
}
.content__labels {
display: none;
}
.meta__comment {
border-top: 0 !important;
}
.element-immersive {
border-top: 1px solid #506991;
}
.gv-byline {
color: #c70000 !important;
margin-top: 8px;
display: inline-block;
line-height: 20px;
font-family: 'Guardian Headline', 'Guardian Egyptian Web', 'Guardian Headline Full', Georgia, serif;
font-weight: 400;
font-size: 16px;
font-style: italic;
}
.gv-byline a {
font-style: normal;
font-weight: 700;
}
@media (max-width: 61.24em) {
.gv-byline {
padding: 0 10px;
}
}
@media (min-width: 61.25em) {
.gv-byline {
padding-bottom: 4px;
}
}
.ios .gv-search-header,
.android .gv-search {
/ Stiler for iOS- og Android-søkeoverskrifter /
}Denne teksten ser ut til å være et utdrag av CSS-kode, sannsynligvis fra et nettsteds stilark. Den definerer ulike stiler for elementer som overskrifter, skrifter og layoutjusteringer for ulike skjermstørrelser. Koden inkluderer mediespørringer for responsivt design, skriftimport og fargevariabler. Siden det er teknisk kode snarere enn naturlig språk, er det ikke aktuelt å omskrive den til flytende norsk - den ville mistet sin funksjonelle hensikt. Hvis du har et spesifikt spørsmål om hva denne koden gjør eller trenger hjelp til å forstå en del av den, kan du gjerne spørre!Skriftfamilien Guardian Headline Full inkluderer flere stiler og vekter. Hver stil er tilgjengelig i flere formater: WOFF2, WOFF og TrueType. Skriftvektene varierer fra vanlig (400) til svart (900), med både normale og kursiv varianter for de fleste vekter.Den oppgitte teksten ser ut til å være CSS-kode som definerer skriftstiler og et bryterdesign. Den inkluderer font-face-regler for ulike vekter og stiler for Guardian Headline- og Guardian Titlepiece-skriftene, sammen med stilsetting for en bryterkomponent med avrundede hjørner og interaktive tilstander.Denne CSS-koden definerer skriftfamilien "Guardian Headline Full" med flere stiler og vekter. Hver stil inkluderer lenker til skriftfiler i WOFF2-, WOFF- og TTF-formater, og spesifiserer skriftvekt og stil (normal eller kursiv). Vektene varierer fra vanlig (400) til svart (900), med tilsvarende kursiv versjoner der aktuelt.Denne teksten definerer egendefinerte skrifter for et nettsted. Den spesifiserer skriftfamiliene "Guardian Titlepiece" og "Guardian Headline Full", sammen med deres ulike stiler og vekter. Hver skrift leveres i flere filformater (WOFF2, WOFF og TTF) for kompatibilitet. Stilene inkluderer normale og kursiv versjoner, med vekter fra lett til halvfet. Teksten inkluderer også CSS-regler for å bruke disse skriftene på spesifikke klassenavn, sette skriftstørrelser og definere tekstfarger.Skriftfamilien Guardian Headline Full inkluderer flere stiler og vekter, alle hentet fra Guardians ressurser. Disse er:
- Halvfet (vekt 600, normal stil)
- Halvfet kursiv (vekt 600, kursiv stil)
- Fet (vekt 700, normal stil)
- Fet kursiv (vekt 700, kursiv stil)
- Svart (vekt 900, normal stil)
- Svart kursiv (vekt 900, kursiv stil)
Hver stil leveres i WOFF2-, WOFF- og TrueType-formater.
I tillegg er Guardian Titlepiece-skriften tilgjengelig i Fet (vekt 700, normal stil), også i WOFF2-, WOFF- og TrueType-formater.
Stilsetting for elementer som overskrifter, bylinjer og standfirst-tekst bruker disse skriftene sammen med fallback-alternativer som Georgia og serif. Overskrifter er fetjustert og justerer seg i størrelse for mindre skjermer, mens bylinjer er røde og fete. Lenker har ingen understreking.Skriftfamilien Guardian Headline Full inkluderer flere stiler, hver med ulike vekter og stiler (normal eller kursiv). Her er de tilgjengelige alternativene:
- Lett (vekt 300, normal stil)
- Lett kursiv (vekt 300, kursiv stil)
- Vanlig (vekt 400, normal stil)
- Vanlig kursiv (vekt 400, kursiv stil)
- Medium (vekt 500, normal stil)
- Medium kursiv (vekt 500, kursiv stil)
- Halvfet (vekt 600, normal stil)
- Halvfet kursiv (vekt 600, kursiv stil)
Hver skriftstil er tilgjengelig i WOFF2-, WOFF- og TrueType-formater, vert på de oppgitte URL-ene.@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-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/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-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/noalts-not-hinted/GHGuardianHeadline-Black.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-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/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Guardian Titlepiece';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
.map-overlay.svelte-e39b8w {
position: absolute;
background-color: #fff;
padding: 15px;
border: 1px solid #dcdcdc;
width: 400px;
left: 1%;
right: 0;
text-align: center;
margin-top: 15px;
}
@media screen and (max-width: 700px) {
.map-overlay.svelte-e39b8w {
width: 100%;
margin: 0;
border-top: none;
border-left: none;
border-right: none;
}
}
@media screen and (min-width: 1600px) {
.map-overlay.svelte-e39b8w {
left: 12.5%;
}
}
.slider-con.svelte-e39b8w {
margin-top: 8px;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-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/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff') format('woff'),
url('
