Отличие b от strong и i от em

У шрифта Literata в 300 (Light) начертании тег <b> жирнее, чем <strong>. Изменил стандартный шрифт на 400 (Normal) – <b> и <strong> стали одинаковыми.

Если форматировать текст в окошке редактора во вкладке «Содержимое» Elementor, то тег проставляется <strong> или <em>, если непосредственно на редактируемой странице – то <b> и <i> соответственно. 

Тут-то я и решил разобраться, наконец-то в чем разница между этими тегами.

Разумное мнение по использованию тегов такое: если это тело статьи, то используем <strong> или <em>, так как это имеет смысловое значение для текста. Если это элемент дизайна – то <b> и <i>.

Говорят, strong и em будет иметь значение при озвучивании текста. Проверять нет времени.