مشکل در ساخت اکستنشن کروم

سلام دوستان من یه اکتنشن خیلی ساده دارم مینویسم به این صورت که قرار کانتنت یه وبسایتی رو با فونت دلخواه من نشون بده
کاری که کردم این:
فایل CSS:

@font-face {
    font-family: Nazanin;
    src: url(B-NAZANIN.TTF);
}

.newfont{
    font-family: 'Nazanin';
}

فایل JS:

const elements = document.getElementsByTagName('div')
Array.from(elements).forEach(element => {
    element.classList.add('newFont')
});

ولی خب فونت تغییر نمیکنه
تا الان متوجه شدم که اکستنشن اساسا درست و داره اجرا میشه کدهاش
ممنون میشم راهنمایی کنن دوستان...