Размер шрифта CSS с использованием em на разных страницах

Question

CSS не мой сингл, поэтому это может быть что-то простое. Я установил размер шрифта нижнего колонтитула в таблице стилей с использованием 0.8em, но на разных страницах он отличается. Я только редактирую работу elses, и он плохо работал, не закрывая теги, так что это немного больно.

Есть ли способ очистить все настройки шрифта, чтобы нижний колонтитул был одинаковым на всех страницах? Или это проблема, которая может быть решена каким-то другим способом?

Приветствия за любую помощь.

Answer 1

Мое решение было в основном делать встроенные стили, чтобы исправить любые проблемы. Использование px, а не em было вариантом, но мы предпочли сохранить доступность, а не лучшую практику, против использования встроенных стилей (любая лучшая практика была в любом случае из окна).

Answer 2

Как утверждает Дэвид Томас, использование <font> устарело. Если у вас есть программный инструмент для глобальных изменений, вы можете попробовать удалить все теги <font>, а затем добавить классы обратно в HTML, которые на самом деле должны быть разными шрифтами, и добавить информацию о шрифтах в CSS.
Другой вариант - пройти по одному за раз, что, я думаю, требует много времени. По крайней мере, у вас будет более чистый HTML, когда вы закончите.

В слабой защите предыдущий дизайнер, возможно, использовал инструмент веб-дизайна WYSIWYG, который создал HTML для него/нее и не видел полученный код.

Answer 3

Пробуйте использовать точный размер с px или pt единиц, а не em.
Размеры в процентах и ​​em могут быть завинчены непреднамеренными уровнями наследования, но не px или pt.

Answer 4

Я заметил, что никто не затронул вопрос о том, как em работает как единица размера шрифта, поэтому я попробую очистить его от вас.

Существует два способа рассказать браузеру, насколько велики ваши шрифты.

1. устанавливая абсолютный размер
   Для абсолютных размеров, как px или pt, вы сообщаете браузеру, что именно размер вы хотите, чтобы текст был. Если вы напишете 12px, он выйдет как ровно 12 пикселей.
2. установка a родственник размер - em - родственник размер.
   Для Относительные размеры, например em, вы сообщаете браузеру, насколько велика возможность сделать текст относительно другого текста на странице. Это работает как процент, поэтому, если ваш текст нижнего колонтитула имеет размер 0.8em, он будет отображаться на 80% выше, чем основной текст на странице.

Это объясняет, почему вы получаете разные размеры на разных страницах. Если размер шрифта тела установлен явно на одной странице, но не установлен вообще на другом (или явно задан для другого размера), который сделает ваши текстовые шрифты рендерингом разных размеров.

Вот почему очень полезно использовать теги <font>. Это будет серьезная боль, чтобы копаться вокруг этих тегов и выяснить, какие явные размеры устанавливаются, которые могут отбрасывать ваши em.
Когда вы устанавливаете размеры шрифта с помощью CSS, это не только информация, которую легко найти, но и свойство, которое легко изменить.