Зачем задавать шрифт html в %?
1. Для удобства пересчета px to rem - 1rem равен 10px
2. В процентах для того, чтобы изменив базовый размер в настройках браузера (обычно 16px) rem пропорционально увеличивался в отличие от абсолютных 10px
3. Проще размеры задавать в пикселах, а затем с помощью https://github.com/cuth/postcss-pxtorem переводить нужные в rem
кста, есть еще vw/vh что как бы вроде бы еще немного кошерней