一部关于迈克尔·杰克逊生平的新电影能否让你对他有新的认识？

《卫报》标题全字体系列包含多种样式，每种样式具有不同的字重和斜体版本。这些字体以woff2、woff和ttf等多种格式提供，托管于《卫报》服务器。样式涵盖从细体到半粗体，均包含常规与斜体版本。

@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Bold.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Bold.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-BoldItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BoldItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-Black.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Black.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-BlackItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BlackItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BlackItalic.ttf) format("truetype");
font-weight: 900;
font-style: italic;
}

@font-face {
font-family: Guardian Titlepiece;
src: url(https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.woff2) format("woff2"),
url(https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.woff) format("woff"),
url(https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.ttf) format("truetype");
font-weight: 700;
font-style: normal;
}

@media (min-width: 71.25em) {
.content__main-column--interactive {
margin-left: 160px;
}
}

@media (min-width: 81.25em) {
.content__main-column--interactive {
margin-left: 240px;
}
}

.content__main-column--interactive .element-atom {
max-width: 620px;
}

@media (max-width: 46.24em) {
.content__main-column--interactive .element-atom {
max-width: 100%;
}
}

.content__main-column--interactive .element-showcase {
margin-left: 0;
}

@media (min-width: 46.25em) {
.content__main-column--interactive .element-showcase {
max-width: 620px;
}
}

@media (min-width: 71.25em) {
.content__main-column--interactive .element-showcase {
max-width: 860px;
}
}

.content__main-column--interactive .element-immersive {
max-width: 1100px;
}

@media (max-width: 46.24em) {
.content__main-column--interactive .element-immersive {
width: calc(100vw - var(--scrollbar-width, 0px));
position: relative;
left: 50%;
right: 50%;
margin-left: calc(-50vw + var(--half-scrollbar-width, 0px)) !important;
margin-right: calc(-50vw + var(--half-scrollbar-width, 0px)) !important;
}
}

@media (min-width: 46.25em) {
.content__main-column--interactive .element-immersive {
transform: translate(-20px);
width: calc(100% + 60px);
}
}

@media (max-width: 71.24em) {
.content__main-column--interactive .element-immersive {
margin-left: 0;
margin-right: 0;
}
}

@media (min-width: 71.25em) {
.content__main-column--interactive .element-immersive {
transform: translate(0);
width: auto;
}
}

@media (min-width: 81.25em) {
.content__main-column--interactive .element-immersive {
max-width: 1260px;
}
}

.content__main-column--interactive p,
.content__main-column--interactive ul {
max-width: 620px;
}

.content__main-column--interactive:before {
position: absolute;
top: 0;
height: calc(100% + 15px);
min-height: 100px;
content: "";
}

@media (min-width: 71.25em) {
.content__main-column--interactive:before {
border-left: 1px solid #dcdcdc;
z-index: -1;
left: -10px;
}
}

@media (min-width: 81.25em) {
.content__main-column--interactive:before {
border-left: 1px solid #dcdcdc;
}
}

主要交互内容列具有特定的元素样式。该列内的元素没有上下边距但包含内边距。当段落跟随元素时，间距会相应调整。行内元素的最大宽度限制为620像素。

对于较大屏幕，行内图表同样被限制在620像素内。具有循环功能的视频元素采用自定义按钮样式和定位。自托管视频以块状显示，占据最大620像素的完整宽度，并居中对齐。沉浸式视频元素则突破此限制，取消宽度约束并调整边距。在更宽的屏幕上，沉浸式视频进一步扩展，并调整左外边距以实现对齐。

颜色变量定义了各种主题元素，如日期线、边框、标题和特色颜色。这些会根据深色模式偏好进行适配。在文章正文中，特定元素后的首段会获得额外的上内边距，且首字母可能具有独特样式。

CSS代码定义了网站不同区域的下沉首字母、引文和各类布局元素的样式。下沉首字母采用特定字体、尺寸和颜色，并左浮动。引文设置了最大宽度。对于展示元素，标题采用静态定位并设定宽度。沉浸式元素设置为全视口宽度，并根据不同屏幕尺寸进行调整，包括为较小设备设定特定边距和内边距。家具包装器在大屏幕上使用CSS网格布局，创建多列结构，并为标题和元信息等元素定义网格区域。同时为标题元素的首个子元素添加上边框。

家具包装器将导语内容设置为相对定位，上内边距为2像素，无右外边距。导语内的主要内容区域下外边距为4像素。导语内的列表项使用20像素字体大小。导语内的链接（包括列表项中的链接）无边框、无背景图像，下划线偏移6像素，并使用自定义颜色绘制下划线。悬停时，下划线颜色会切换为新支柱色。

导语中的首段具有上边框且无下内边距。对于较大屏幕（61.25em及以上），若屏幕宽度同时至少为71.25em，则移除上边框。在宽度超过61.25em的屏幕上，图表无左外边距，且具有特定角色的行内元素最大宽度限制为630像素。

对于宽度至少71.25em的屏幕，家具包装器使用具有定义列和行的网格布局。元部分包含一个通过伪元素创建的540像素宽的上边框。导语中的段落无上边框，并使用另一个伪元素在导语前添加垂直线。

在更大的屏幕（81.25em及以上）上，网格布局会调整列和行尺寸。元部分上边框扩展至620像素，导语前的垂直线略微偏移。

文章标题或标题部分内的标签上内边距为2像素。标题使用粗体字重，最大宽度620像素，字体大小32像素。对于宽度至少71.25em的屏幕，标题调整为最大宽度540像素，字体大小50像素。

在中等屏幕（46.25em及以上）上，具有类keyline-4或特定数据属性的元素无右外边距。对于较大屏幕（61.25em及以上），这些元素被隐藏。其SVG内容使用自定义颜色绘制描边。

此CSS代码定义了网页布局的样式，特别是家具包装器部分。它为元信息、导语文本、主媒体和标题等元素设置了各种属性，包括边距、内边距、颜色和定位的调整，并通过媒体查询针对不同屏幕尺寸制定了特定规则。代码还定义了自定义颜色变量，并确保某些元素根据条件隐藏或显示。总体而言，它创建了一种响应式设计，能在各种设备上自适应，同时保持一致的视觉主题。

CSS代码对家具包装器类内的元素进行样式设置。标题（h1）为粗体浅灰色（#dcdcdc）。标题中的图表无上外边距，下外边距较小。

对于宽度超过71.25em的屏幕，元部分前会出现彩色线条。元部分中的文本和摘要为浅灰色。社交媒体链接和按钮具有彩色边框，并使用特定颜色绘制文本和图标，悬停时会切换为深色背景。

元部分中的链接使用特定颜色，并在悬停时保持匹配的下划线。在导语部分，链接带有浅灰色下划线，悬停时颜色变化，段落文本为浅灰色。在较宽的屏幕上，首段可能添加或移除上边框。导语中的列表项也为浅灰色。

对于宽度超过71.25em的屏幕，导语前会出现一条线。在宽度超过46.25em的屏幕上，包装器获得深色背景和右边框。

CSS定义了基于视口宽度调整的装饰性侧边栏布局包装器样式。它设置边框、背景，并定位伪元素（:before和:after）以创建这些侧边栏，根据视口和滚动条计算其宽度和位置。宽度计算在特定断点（61.25em、71.25em、81.25em）处变化，以适应不同的内容宽度（738px、978px、1138px、1298px）。附加规则使用自定义属性颜色为SVG描边和社交/元元素边框设置样式。为h2元素定义标题样式，默认字体粗细为200，若包含strong标签则为700。最后，声明了“Guardian Headline Full”的自定义字体，包括细体、细斜体、常规体和常规斜体变体，以及相应的字体文件和字重。

@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Regular.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Regular.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-RegularItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-RegularItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-RegularItalic.ttf) format("truetype");
font-weight: 400;
font-style: italic;
}

@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Medium.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Medium.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}

@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-MediumItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-MediumItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-MediumItalic.ttf) format("truetype");
font-weight: 500;
font-style: italic;
}

@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Semibold.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Semibold.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Semibold.ttf) format("truetype");
font-weight: 600;
font-style: normal;
}

@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-SemiboldItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-SemiboldItalic.ttf) format("truetype");
font-weight: 600;
font-style: italic;
}

@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Bold.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-Bold.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-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/full-not-hinted/GHGuardianHeadline-BoldItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BoldItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/full-not-hinted/GHGuardianHeadline-BoldItalic.ttf) format("truetype");
font-weight: 700;
font-style: