css - 使 SVG 图标和字体图标协同工作

Question

我在我的布局中注意到，如果我选择使用 SVG 图标，则很难将图标字体合并为备份。例如，如果我在流体容器中有一个 SVG，则该流体容器内的图标字体不会变大，因为它的大小是基于字体大小的。这是否意味着我应该在 SVG 上使用 png 备份文件，因为它们在我的 CSS 中遵循相同的格式？我担心这会降低不支持 SVG 的设备的性能。