Обычно ожидается, что вы примените .mat-typography к самому внешнему элементу вашего приложения или к странице body, чтобы реализовать правильный размер шрифта, вес и т. Д. Для различных элементов, включая стандартные элементы HTML, такие как <p> и<div>.Если вы сделаете это, размер шрифта по умолчанию станет 14px, поэтому он будет соответствовать .mat-card-content.
. Я зарегистрировал это как ошибку несколько лет назад, но они проигнорировали это.В то время в спецификациях Material Design был фиксированный размер шрифта для входных данных (14 пикселей), но люди из Angular Material по-прежнему считали, что лучше всего реализовать его с размером inherit.Это может вызвать много проблем, даже если вы используете .mat-typography, если вы хотите использовать входные данные в местах, отличных от типичных форм, таких как на панели инструментов.ИМО, они действительно обманывают этим.