колонки должны быть именно колонками, т. е. отдельными блоками.
Чтобы создать такие колонки, не нарушая общий список вложенных элементов, можно, к примеру, оборачивать эти элементы в колонки посредством js.
вот тут поиграйся с настройками: - редактирование схемы справа, и теги внутри опции "do not indent children" тоже посмотри, но это сделано не зря, т.к. добавлять лишний отступ ко всему контенту в body - решение бессмысленное.
« или sans-serif » ??
« находится как бы в зеленой зоне (зоне padding)» - явно не хватает места.
« используя кастомный шрифт на ПК в браузерах хром, он выглядит нормально по центру» - не верю.
Как он у тебя подключен?
Обычно cdn-подключение не дает вот такого явного результата с временной меткой.
Даже если есть это хеш, как он мешает твоим стилям?
Чтобы создать такие колонки, не нарушая общий список вложенных элементов, можно, к примеру, оборачивать эти элементы в колонки посредством js.