Dieser CSS-Code definiert eine benutzerdefinierte Schriftfamilie namens "Guardian Headline Full" mit mehreren Schriftgewichten und -stilen. Er umfasst leichte, reguläre, mittlere und halbfette Gewichte, jeweils in normalen und kursiven Stilen. Die Schriftdateien werden in den Formaten WOFF2, WOFF und TrueType bereitgestellt, bezogen vom Asset-Server des Guardian.
@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 {
/ Stile für iOS- und Android-Suchheader /
}Dieser Text scheint ein Ausschnitt eines CSS-Codes zu sein, wahrscheinlich aus dem Stylesheet einer Website. Er definiert verschiedene Stile für Elemente wie Überschriften, Schriftarten und Layoutanpassungen für verschiedene Bildschirmgrößen. Der Code enthält Media Queries für responsives Design, Schriftimporte und Farbvariablen. Da es sich um technischen Code und nicht um natürliche Sprache handelt, ist eine Überarbeitung in fließendem Englisch nicht anwendbar – dies würde seinen funktionalen Zweck verlieren. Wenn Sie eine spezifische Frage dazu haben, was dieser Code tut, oder Hilfe beim Verständnis eines Teils davon benötigen, fragen Sie gerne!Die Schriftfamilie Guardian Headline Full umfasst mehrere Stile und Gewichte. Jeder Stil ist in mehreren Formaten verfügbar: WOFF2, WOFF und TrueType. Die Schriftgewichte reichen von regulär (400) bis black (900), mit entsprechenden kursiven Varianten für die meisten Gewichte.Der vorliegende Text scheint CSS-Code zu sein, der Schriftstile und ein Schalterdesign definiert. Er enthält @font-face-Regeln für verschiedene Gewichte und Stile der Schriftarten Guardian Headline und Guardian Titlepiece sowie Stilisierungen für eine Schalterkomponente mit abgerundeten Ecken und interaktiven Zuständen.Dieser CSS-Code definiert die Schriftfamilie "Guardian Headline Full" mit mehreren Stilen und Gewichten. Jeder Stil enthält Links zu Schriftdateien in den Formaten WOFF2, WOFF und TTF, die das Schriftgewicht und den Stil (normal oder kursiv) angeben. Die Gewichte reichen von regulär (400) bis black (900), mit entsprechenden kursiven Versionen, sofern zutreffend.Dieser Text definiert benutzerdefinierte Schriftarten für eine Website. Er spezifiziert die Schriftfamilien "Guardian Titlepiece" und "Guardian Headline Full" zusammen mit ihren verschiedenen Stilen und Gewichten. Jede Schriftart wird in mehreren Dateiformaten (WOFF2, WOFF und TTF) für Kompatibilität bereitgestellt. Die Stile umfassen normale und kursive Versionen mit Gewichten von leicht bis halbfett. Der Text enthält auch CSS-Regeln zum Anwenden dieser Schriftarten auf bestimmte Klassennamen, zum Festlegen von Schriftgrößen und zum Definieren von Textfarben.Die Schriftfamilie Guardian Headline Full umfasst mehrere Stile und Gewichte, alle bezogen von den Assets des Guardian. Diese sind:
- Halbfett (Gewicht 600, normaler Stil)
- Halbfett Kursiv (Gewicht 600, kursiver Stil)
- Fett (Gewicht 700, normaler Stil)
- Fett Kursiv (Gewicht 700, kursiver Stil)
- Black (Gewicht 900, normaler Stil)
- Black Kursiv (Gewicht 900, kursiver Stil)
Jeder Stil wird in den Formaten WOFF2, WOFF und TrueType bereitgestellt.
Zusätzlich ist die Schriftart Guardian Titlepiece in Fett (Gewicht 700, normaler Stil) verfügbar, ebenfalls in den Formaten WOFF2, WOFF und TrueType.
Die Gestaltung für Elemente wie Überschriften, Byline- und Einleitungstexte verwendet diese Schriftarten zusammen mit Fallbacks wie Georgia und Serif. Überschriften sind fett und passen ihre Größe für kleinere Bildschirme an, während Byline-Texte rot und fett sind. Links haben keine Unterstreichung.Die Schriftfamilie Guardian Headline Full umfasst mehrere Stile, jeweils mit verschiedenen Gewichten und Stilen (normal oder kursiv). Hier sind die verfügbaren Optionen:
- Light (Gewicht 300, normaler Stil)
- Light Kursiv (Gewicht 300, kursiver Stil)
- Regular (Gewicht 400, normaler Stil)
- Regular Kursiv (Gewicht 400, kursiver Stil)
- Medium (Gewicht 500, normaler Stil)
- Medium Kursiv (Gewicht 500, kursiver Stil)
- Semibold (Gewicht 600, normaler Stil)
- Semibold Kursiv (Gewicht 600, kursiver Stil)
Jeder Schriftstil ist in den Formaten WOFF2, WOFF und TrueType verfügbar, gehostet unter den bereitgestellten URLs.@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('
