Miten prinssi Andrew kustantaa elämäntyylinsä? Hänen varallisuutensa lähde on edelleen arvoitus.
Tämä CSS-koodi määrittelee mukautetun fonttiperheen nimeltä "Guardian Headline Full", joka sisältää useita fontin paksuuksia ja tyylejä. Siinä on kevyt (300), normaali (400), keskitaso (500) ja puolilihavoitu (600) paksuudet, joista kullakin on sekä normaali että kursiivimuunnelmat. Fonttitiedostot sijaitsevat The Guardianin palvelimilla ja ne on tarjottu kolmessa muodossa: WOFF2, WOFF ja TrueType (TTF) laajan selainyhteensopivuuden varmistamiseksi.
#article-body>div .content--interactive-grid,
.content--interactive>div .content--interactive-grid,
#comment-body .content--interactive-grid,
[data-gu-name=body] .content--interactive-grid,
#feature-body .content--interactive-grid {
grid-column-gap: 0px;
grid-template-columns: 100%;
grid-template-areas: "media" "title" "headline" "standfirst" "lines" "meta" "body";
}
@media (min-width: 30em) {
#article-body>div .content--interactive-grid figure.element--immersive figcaption,
.content--interactive>div .content--interactive-grid figure.element--immersive figcaption,
#comment-body .content--interactive-grid figure.element--immersive figcaption,
[data-gu-name=body] .content--interactive-grid figure.element--immersive figcaption,
#feature-body .content--interactive-grid figure.element--immersive figcaption {
padding: 0 20px;
max-width: 620px;
}
}
@media (min-width: 46.25em) {
#article-body>div .content--interactive-grid,
.content--interactive>div .content--interactive-grid,
#comment-body .content--interactive-grid,
[data-gu-name=body] .content--interactive-grid,
#feature-body .content--interactive-grid {
grid-template-columns: 100%;
grid-column-gap: 10px;
grid-template-areas: "title" "headline" "standfirst" "media" "lines" "meta" "body";
}
#article-body>div .content--interactive-grid #maincontent,
.content--interactive>div .content--interactive-grid #maincontent,
#comment-body .content--interactive-grid #maincontent,
[data-gu-name=body] .content--interactive-grid #maincontent,
#
