Как убрать стандартный шрифт до подгрузки Google Fonts или получить событие их готовности?

Есть скрипт, который обрабатывает svg. Его целью является изменение слова и растяжка его на всю высоту экрана. Но возникла такая проблема, что если перезагрузить страницу через ctrl+F5, он сначала растягивает слово со стандартным шрифтом (скриншот 1), а потом подгружаются стили и слово сжимается (скриншот 2). Похожий вопрос я уже задавал, и решение, в принципе, есть (https://ru.stackoverflow.com/questions/1156837/Плохо-функционирует-скрипт-из-за-того-что-он-срабатывает-раньше-чем-подгружаютс/1156879#1156879), но из-за определенных особенностей программы мне нужно чтобы стандартный шрифт в принципе не устанавливался на странице до того как подгрузятся шрифты гугл фонтс или получить событие их готовности.

HTML:

<svg viewBox="-2.5 0.5 16 75">
      <g transform="rotate(90 0 0)">
          <text id="text0"></text>
      </g>
</svg>

JS:

$(document).ready(function(){
    //.....................
    let text = document.getElementById("text0");
    text.innerHTML= "<tspan fill='#282828'>OCTOPU</tspan><tspan fill='#191919'>S</tspan>";
    document.querySelector("#string0").querySelector("svg").setAttributeNS(null, "viewBox", `-2.5 0.2 16 ${text.getComputedTextLength()}`);
    //.....................
});