可以使用 CSS 中的 @media 规则来设置响应式字体大小。 @media 规则可以根据不同的屏幕尺寸为网页设置不同的 CSS 样式，从而实现响应式设计。
具体实现方法如下：
html {
font-size: 16px;
}p {
font-size: 1rem;
}这样，所有的 p 元素都会使用基准字体大小（16px）作为参考，以 1 倍的比例进行缩放。如果基准字体大小变化，所有使用 rem 单位设置的元素的字体大小也会自动调整。
@media (max-width: 768px) {
html {
font-size: 14px;
}
}这个规则表示，当屏幕宽度小于等于 768px 时，将基准字体大小设置为 14px。这样，所有使用 rem 单位设置的元素的字体大小也会相应地调整。
需要注意的是，使用 @media 规则设置字体大小时，应该避免使用具体的像素值，而应该使用相对单位，以便实现真正的响应式设计。