Резиновые шрифты при inline-block и *font-size: 0

[Goodman-77]

Здравствуйте! 

Помогите пожалуйста, разобраться.

Известно, чтобы убрать пробелы между элементами - display: inline-block;
Достаточно обнулить у всех элементов *font-size: 0;

Но возникает вопрос - как в этом случае задать относительный шрифт (em, rem, %) внутри элементов inline-block, если font-size обнулен на глобальном уровне? 

Получается верстка с помощью свойства display не подходит для резиновых шрифтов или всё-таки есть какие-то способы? 

[klierik]

надо просто взять и проверить — https://jsfiddle.net/klierik/c6hp3rrn/

[Goodman-77]

ааааа, я зачем-то вообще у всех элементов обнулял font-size

* {
	font-size: 0;
}

Получается, что font-size нужно обнулять у родителя inline-block элементов и использовать внутри них REM - правильно я понимаю? 

http://codepen.io/Econavi/pen/eBymMW

[by chris]

@Goodman-77, обнуление размера шрифта вроде как бэд практикс. Я использую вот такой кроссбраузерный подход - http://codepen.io/default_/pen/dOJXWO

[klierik]

@by chris

По сути такой же хак как и с размером шрифта. Но тут бонус в том что можно использовать устарелый "em"

[by chris]

@klierik, поисковики не наложат санкции за нулевой размер? Может проблема  и надуманная, но лично для меня еще не закрытая. Поэтому я остерегаюсь подобных вещей вкупе с color: transparent;