CSS: увеличить размер шрифта пропорционально во всех элементах

Question

Я хочу использовать custom font. Когда я загружаю его на страницу, используя

@font-face { 
    font-family: 'Echelon'; 
    src: url('font/echelon-rg.ttf'); 
    font-style: normal; 
} 
@font-face { 
    font-family: 'Echelon'; 
    src: url('font/echelon-it.ttf'); 
    font-style: italic; 
} 

тогда он меньше всех шрифтов по умолчанию, доступных в моем браузере. Я хочу увеличить их, скажем, до 150% от текущего размера. Проблема заключается в том, что, когда я

body * { 
    font-family: Echelon; 
    font-size: 150%; 
} 

тогда все h1..h6, р, ДИВ, пролетных элементы совместно используют один и тот же размер (и все пользовательские настройки начальной загрузки перезаписывается), и я не могу использовать его как то , Я хочу изменить все элементы относительно их исходного (например, загрузочного) размера. Если бы я сделал это вручную, мне пришлось бы переписать сотни элементов, так что это плохой вариант. Как я могу сделать это чистым и простым способом?

PS Это не о размере окна/экрана.

Answer 1

Вместо объявления для тела попробуйте объявить определенные разделы, которые вам нужно изменить в своем CSS, таким образом, вам не нужно менять вручную. Допустим, вы хотите, чтобы ваш абзац оставался равным 150%, а затем объявляйте как: p {font-size: 150%} в вашем CSS, это должно ограничивать только один абзац. Надеюсь, это поможет :-)