Разница между растровыми и векторными шрифтами при использовании в веб-дизайне заключается в их характеристиках и возможностях масштабирования:

• Растровые шрифты проектируются на определённый кегль (размер). 2 При увеличении или уменьшении кегля шрифты обычно искажаются: на диагональных линиях появляются зазубрины, а кривые изображаются ломаными линиями. 2
• Векторные шрифты содержат символы, каждый из которых имеет математическое описание в виде набора отрезков (векторов). 2 Масштабирование векторного шрифта производится простым умножением имеющихся координат на необходимый множитель, что позволяет сохранять качество изображения символов на одинаковом уровне вне зависимости от их размеров. 2 Кроме того, символы векторных шрифтов можно наклонять под любым углом, вращать, сжимать, растягивать и т. п.. 2

Таким образом, в адаптивном веб-дизайне для обеспечения максимальной читаемости шрифтов на всех устройствах применяются векторные шрифты, которые масштабируются без потери качества. 1