Шрифты становятся жирными при изменении ориентации

Я использую это в html:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;">

и это в CSS:

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }\

также пробовал это:

html { -webkit-text-size-adjust: none; }

и все же почему-то это происходит:

Update: я попытался удалить все стили, чтобы увидеть, не вызывает ли это какой-либо из моих CSS, и результат был странным: когда я не использую какие-либо правила шрифта, шрифт просто увеличивается (он не увеличивается, так как масштабирование заблокирован HTML-атрибутом viewport) также увеличивается только мелкий шрифт, заголовки остаются прежними. странно @#$%

Обновление 2: Я поигрался с html/css и пришел к такому выводу - единственный случай, когда увеличение текста НЕ происходит, это когда текст содержится внутри единственного элемента в страница - например, если все мое тело содержит p/span/div с текстом, оно не будет увеличено. Если я добавлю еще один элемент с текстом, весь текст на странице будет увеличен в ландшафтном режиме.
Я пытался провести небольшое исследование и просмотрел множество мобильных сайтов, и результат один и тот же — все они имеют такой эффект.