У меня есть шрифт roboto, который мне нужно добавить в свое расширение.
В моем манифесте. json файл я упомянул web_accessible_resources как:
"web_accessible_resources": ["fonts/*.ttf"]
Ниже css для загрузки шрифта:
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url('chrome-extension://__MSG_@@extension_id__/fonts/Roboto-Black.ttf') ;
}
/* latin */
@font-face {
font-family: 'Roboto, sans-serif';
font-style: normal;
font-weight: 500;
src: url('chrome-extension://__MSG_@@extension_id__/fonts/Roboto-Medium.ttf');
}
/* latin */
@font-face {
font-family: 'Roboto, sans-serif';
font-style: normal;
font-weight: 900;
src: url('chrome-extension://__MSG_@@extension_id__/fonts/Roboto-Bold.ttf');
}
Но я могу, что шрифт не загружается, когда загружается сценарий содержимого расширения css.
URL шрифта Google Roboto