Нужно ли ждать полной загрузки шрифта для взаимодействия с DOM

Нет, не обязательно ждать полной загрузки шрифта для взаимодействия с DOM. DOM становится доступным после парсинга HTML (DOMContentLoaded), а шрифты загружаются асинхронно.

Однако, если шрифт критичен для отображения контента (например, для корректного измерения размеров элементов), можно использовать font-display: swap в CSS или событие fontloading:

@font-face {
  font-family: 'MyFont';
  src: url('myfont.woff2') format('woff2');
  font-display: swap;
}

Или через JavaScript:

document.fonts.ready.then(() => {
  // Шрифты загружены
});