Ce code CSS définit une famille de polices personnalisée appelée "Guardian Headline Full" avec plusieurs épaisseurs et styles. Il inclut les poids light, regular, medium et semibold, chacun disponible en styles normal et italique. Les fichiers de police sont fournis aux formats WOFF2, WOFF et TrueType, provenant du serveur d'assets du 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 {
/ Styles pour les en-têtes de recherche iOS et Android /
}Ce texte semble être un extrait de code CSS, probablement issu d'une feuille de style d'un site web. Il définit divers styles pour des éléments tels que des en-têtes, des polices et des ajustements de mise en page pour différentes tailles d'écran. Le code inclut des media queries pour le design responsive, des imports de polices et des variables de couleur. Comme il s'agit de code technique plutôt que de langage naturel, le réécrire en anglais fluide n'est pas applicable - cela lui ferait perdre sa fonctionnalité. Si vous avez une question spécifique sur ce que fait ce code ou besoin d'aide pour comprendre une partie, n'hésitez pas à demander !La famille de polices Guardian Headline Full inclut plusieurs styles et poids. Chaque style est disponible en plusieurs formats : WOFF2, WOFF et TrueType. Les poids de police vont du regular (400) au black (900), avec des variations normales et italiques pour la plupart des poids.Le texte fourni semble être du code CSS définissant des styles de police et une conception d'interrupteur. Il inclut des règles @font-face pour différents poids et styles des polices Guardian Headline et Guardian Titlepiece, ainsi qu'un style pour un composant interrupteur avec des coins arrondis et des états interactifs.Ce code CSS définit la famille de polices "Guardian Headline Full" avec plusieurs styles et poids. Chaque style inclut des liens vers des fichiers de police aux formats WOFF2, WOFF et TTF, spécifiant le poids et le style (normal ou italique). Les poids vont du regular (400) au black (900), avec les versions italiques correspondantes le cas échéant.Ce texte définit des polices personnalisées pour un site web. Il spécifie les familles de polices "Guardian Titlepiece" et "Guardian Headline Full", avec leurs différents styles et poids. Chaque police est fournie en plusieurs formats de fichiers (WOFF2, WOFF et TTF) pour une compatibilité optimale. Les styles incluent des versions normales et italiques, avec des poids allant du light au semibold. Le texte inclut également des règles CSS pour appliquer ces polices à des noms de classe spécifiques, définir des tailles de police et spécifier des couleurs de texte.La famille de polices Guardian Headline Full inclut plusieurs styles et poids, tous provenant des assets du Guardian. Ceux-ci incluent :
- Semibold (poids 600, style normal)
- Semibold Italic (poids 600, style italique)
- Bold (poids 700, style normal)
- Bold Italic (poids 700, style italique)
- Black (poids 900, style normal)
- Black Italic (poids 900, style italique)
Chaque style est fourni aux formats WOFF2, WOFF et TrueType.
De plus, la police Guardian Titlepiece est disponible en Bold (poids 700, style normal), également aux formats WOFF2, WOFF et TrueType.
Le style des éléments comme les titres, les signatures et les textes d'introduction utilise ces polices avec des polices de secours comme Georgia et serif. Les titres sont en gras et s'ajustent en taille pour les écrans plus petits, tandis que les signatures sont en rouge et en gras. Les liens n'ont pas de soulignement.La famille de polices Guardian Headline Full inclut plusieurs styles, chacun avec différents poids et styles (normal ou italique). Voici les options disponibles :
- Light (poids 300, style normal)
- Light Italic (poids 300, style italique)
- Regular (poids 400, style normal)
- Regular Italic (poids 400, style italique)
- Medium (poids 500, style normal)
- Medium Italic (poids 500, style italique)
- Semibold (poids 600, style normal)
- Semibold Italic (poids 600, style italique)
Chaque style de police est disponible aux formats WOFF2, WOFF et TrueType, hébergés aux URLs fournies.@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('
