Αυτός ο κώδικας CSS ορίζει μια προσαρμοσμένη οικογένεια γραμματοσειρών με την ονομασία "Guardian Headline Full" με πολλαπλά βάρη και στυλ γραμματοσειράς. Περιλαμβάνει ελαφρά, κανονικά, μεσαία και ημι-έντονα βάρη, το καθένα τόσο σε κανονικό όσο και σε πλάγιο στυλ. Τα αρχεία γραμματοσειρών παρέχονται σε μορφές WOFF2, WOFF και TrueType, προερχόμενα από τον διακομιστή πόρων του 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 {
/ Στυλ για επικεφαλίδες αναζήτησης iOS και Android /
}Αυτό το κείμενο φαίνεται να είναι ένα απόσπασμα κώδικα CSS, πιθανότατα από ένα φύλλο στυλ ιστότοπου. Ορίζει διάφορα στυλ για στοιχεία όπως επικεφαλίδες, γραμματοσειρές και προσαρμογές διάταξης για διαφορετικά μεγέθη οθόνης. Ο κώδικας περιλαμβάνει media queries για ανταποκρινόμενη σχεδίαση, εισαγωγές γραμματοσειρών και μεταβλητές χρωμάτων. Δεδομένου ότι πρόκειται για τεχνικό κώδικα και όχι για φυσική γλώσσα, η επανεγγραφή του σε ευχερή Αγγλικά δεν είναι εφαρμόσιμη - θα χανόταν ο λειτουργικός του σκοπός. Εάν έχετε μια συγκεκριμένη ερώτηση σχετικά με το τι κάνει αυτός ο κώδικας ή χρειάζεστε βοήθεια για να κατανοήσετε ένα μέρος του, μη διστάσετε να ρωτήσετε!Η οικογένεια γραμματοσειρών Guardian Headline Full περιλαμβάνει διάφορα στυλ και βάρη. Κάθε στυλ είναι διαθέσιμο σε πολλαπλές μορφές: WOFF2, WOFF και TrueType. Τα βάρη γραμματοσειράς κυμαίνονται από κανονικό (400) έως μαύρο (900), με τόσο κανονικές όσο και πλάγιες παραλλαγές για τα περισσότερα βάρη.Το παρεχόμενο κείμενο φαίνεται να είναι κώδικας CSS που ορίζει στυλ γραμματοσειρών και σχεδιασμό διακόπτη. Περιλαμβάνει κανόνες font-face για διάφορα βάρη και στυλ των γραμματοσειρών Guardian Headline και Guardian Titlepiece, μαζί με στυλ για ένα στοιχείο διακόπτη με στρογγυλεμένες γωνίες και διαδραστικές καταστάσεις.Αυτός ο κώδικας CSS ορίζει την οικογένεια γραμματοσειρών "Guardian Headline Full" με πολλαπλά στυλ και βάρη. Κάθε στυλ περιλαμβάνει συνδέσμους προς αρχεία γραμματοσειρών σε μορφές WOFF2, WOFF και TTF, καθορίζοντας το βάρος και το στυλ της γραμματοσειράς (κανονικό ή πλάγιο). Τα βάρη κυμαίνονται από κανονικό (400) έως μαύρο (900), με αντίστοιχες πλάγιες εκδόσεις όπου είναι εφαρμόσιμο.Αυτό το κείμενο ορίζει προσαρμοσμένες γραμματοσειρές για έναν ιστότοπο. Καθορίζει τις οικογένειες γραμματοσειρών "Guardian Titlepiece" και "Guardian Headline Full", μαζί με τα διάφορα στυλ και βάρη τους. Κάθε γραμματοσειρά παρέχεται σε πολλαπλές μορφές αρχείων (WOFF2, WOFF και TTF) για συμβατότητα. Τα στυλ περιλαμβάνουν κανονικές και πλάγιες εκδόσεις, με βάρη που κυμαίνονται από ελαφριά έως ημι-έντονα. Το κείμενο περιλαμβάνει επίσης κανόνες CSS για την εφαρμογή αυτών των γραμματοσειρών σε συγκεκριμένα ονόματα κλάσεων, τον καθορισμό μεγεθών γραμματοσειράς και τον ορισμό χρωμάτων κειμένου.Η οικογένεια γραμματοσειρών Guardian Headline Full περιλαμβάνει διάφορα στυλ και βάρη, όλα προερχόμενα από τους πόρους του Guardian. Αυτά είναι:
- Ημι-έντονο (βάρος 600, κανονικό στυλ)
- Ημι-έντονο Πλάγιο (βάρος 600, πλάγιο στυλ)
- Έντονο (βάρος 700, κανονικό στυλ)
- Έντονο Πλάγιο (βάρος 700, πλάγιο στυλ)
- Μαύρο (βάρος 900, κανονικό στυλ)
- Μαύρο Πλάγιο (βάρος 900, πλάγιο στυλ)
Κάθε στυλ παρέχεται σε μορφές WOFF2, WOFF και TrueType.
Επιπλέον, η γραμματοσειρά Guardian Titlepiece είναι διαθέσιμη σε Έντονο (βάρος 700, κανονικό στυλ), επίσης σε μορφές WOFF2, WOFF και TrueType.
Το στυλ για στοιχεία όπως οι επικεφαλίδες, οι γραμμές συγγραφέων και τα εισαγωγικά κείμενα χρησιμοποιεί αυτές τις γραμματοσειρές μαζί με εφεδρικές όπως η Georgia και serif. Οι επικεφαλίδες είναι έντονες και προσαρμόζονται σε μέγεθος για μικρότερες οθόνες, ενώ οι γραμμές συγγραφέων είναι κόκκινες και έντονες. Οι σύνδεσμοι δεν έχουν υπογράμμιση.Η οικογένεια γραμματοσειρών Guardian Headline Full περιλαμβάνει διάφορα στυλ, καθένα με διαφορετικά βάρη και στυλ (κανονικό ή πλάγιο). Οι διαθέσιμες επιλογές είναι:
- Ελαφρύ (βάρος 300, κανονικό στυλ)
- Ελαφρύ Πλάγιο (βάρος 300, πλάγιο στυλ)
- Κανονικό (βάρος 400, κανονικό στυλ)
- Κανονικό Πλάγιο (βάρος 400, πλάγιο στυλ)
- Μεσαίο (βάρος 500, κανονικό στυλ)
- Μεσαίο Πλάγιο (βάρος 500, πλάγιο στυλ)
- Ημι-έντονο (βάρος 600, κανονικό στυλ)
- Ημι-έντονο Πλάγιο (βάρος 600, πλάγιο στυλ)
Κάθε στυλ γραμματοσειράς είναι διαθέσιμο σε μορφές WOFF2, WOFF και TrueType, φιλοξενούμενο στις παρεχόμενες 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('
