这段CSS代码定义了一个名为"Guardian Headline Full"的自定义字体家族,包含多种字重和样式。它涵盖细体(300)、常规(400)、中等(500)和半粗体(600)四种字重,每个字重均包含常规体和斜体变体。字体文件托管于《卫报》服务器,提供WOFF2、WOFF和TrueType(TTF)三种格式以确保广泛的浏览器兼容性。
(后续CSS代码详细定义了各字重对应的字体文件路径及格式声明,包括:
- 粗体(700)常规体与斜体
- 超粗体(900)常规体与斜体
- 标题专用字体"Guardian Titlepiece"
- 细体(300)常规体与斜体
- 常规体(400)及其斜体
- 中等字重(500)常规体与斜体
- 半粗体(600)常规体与斜体)
同时定义了响应式布局规则:
- 在30em及以上屏幕时,沉浸式图片说明增加边距
- 46.25em及以上屏幕时调整网格区域布局
- 61.25em及以上屏幕采用双栏网格布局
- 71.25em及以上屏幕使用四列网格布局
- 81.25em及以上屏幕调整主内容栏边距
针对移动设备特别优化:
- iOS/Android设备使用中等字重的标题字体
- 章节标识符首字母大写
- 作者署名使用粗体
- 图片高度自适应
- 段落间距特殊处理
字体家族完整包含从细体到超粗体的所有字重变体,通过多格式字体文件确保跨平台显示一致性。网格布局系统根据不同断点动态调整版式结构,移动端适配聚焦于排版层次和触控交互优化。