HTML5 Canvas filltext и font-face

Я искал в stackoverflow и google способы решения этой проблемы, но у меня не получилось найти решение.

Дело в том, что мой шрифт font-face не загружается в нужное время. У меня есть холст html5 и javascript, где я рисую несколько простых кругов с текстом заливки внутри них. Теперь круги рисуются, но сам текст имеет неправильный шрифт.

Я предполагаю, что причина в том, что шрифт загружается последним, и он просто выбирает шрифт по умолчанию.

Теперь мой вопрос: есть ли способ отложить рисование объектов холста до загрузки шрифта? Таким образом, шрифт будет готов к использованию, и он назначит правильные шрифты объектам холста.

Я должен указать, что у меня есть файл index.php, который включает мой другой файл php, в котором фактически отрисовываются javascript и холст.