如何修改AMP Web Stories测验中prompt-text的字体族？

AMP Web Stories的测验组件采用Shadow DOM封装内部结构，常规CSS选择器无法直接覆盖内部样式，需通过组件暴露的**部件(part)**来定位目标元素，具体实现步骤如下：

• 若目标字体Roboto Condensed非系统默认字体，先引入字体文件（可通过Google Fonts或本地资源）
• 使用AMP组件提供的::part()伪元素选择器，精准选中prompt-text元素并设置字体族

示例代码：

/* 引入Roboto Condensed字体（可选，已引入则省略） */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');

/* 自定义测验组件prompt-text样式 */
amp-story-quiz::part(prompt-text) {
  font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /* 保留你已生效的颜色等属性 */
  color: #2d2d2d;
}

注意事项：

• 自定义样式必须放在<head>标签内的<style amp-custom>标签中，符合AMP的样式规范
• ::part()是AMP官方推荐的自定义组件内部样式的方式，优先级足够覆盖组件默认样式，无需使用!important

内容的提问来源于stack exchange，提问作者Concepción Gil