Обстоятельства

Пока я сейчас изучаю next.j. Я прохожу курс, созданный следующей командой (https://nextjs.org/learn).

Есть раздел, посвященный оптимизации шрифтов и изображений.
Честно говоря, я никогда не обращал особого внимания на шрифты и на то, какие шрифты используются в определенном элементе веб-страницы.
Но, просматривая этот материал, я понял, что вы можете это сделать. Вы можете узнать, какие шрифты используются на определенном элементе. На странице может быть несколько пользовательских шрифтов, и это может быть полезно.

Поскольку я использую Chrome в качестве браузера по умолчанию, я открыл инструменты разработчика и проверил используемые шрифты.

Это выглядело довольно плохо и без особой информации.

Но я сделал то же самое в Firefox, и у Firefox, похоже, гораздо больше возможностей в отношении шрифтов. Вы можете изменить размер, высоту строки, интервал и вес через редактор. Это кажется весьма полезным, особенно когда вы пытаетесь выяснить, какие свойства шрифта лучше всего подходят для определенного элемента.

Мои мысли

Эти выводы относительно шрифтов напомнили мне, когда в прошлом у меня были проблемы с макетом, что я мог гораздо лучше выполнять отладку в Firefox, чем в Chrome.
Похоже, Firefox больше заботится о CSS, чтобы сделать разработку FE более плавной, чем Chrome. Думаю, мне следует принять это во внимание в следующий раз, когда я буду работать с CSS, и использовать Firefox по умолчанию!

Ваше здоровье. Хорошего дня!