Шрифты, не работающие в chrome extension

Я 99.9% уверен, что у меня это право, но по какой-то причине оно не работает.Шрифты, не работающие в chrome extension

Я делаю расширение chrome, которое вводит CSS на страницу, и мой CSS работает нормально, пока я не захочу изменить шрифты.

Так что мой манифест это ...

"css": ["css/my-custom.css"], 
"js": [ "js/jquery.js", "js/my-custom.js", "js/jquery.cookie.js"], 
"web_accessible_resources": ["css/my-custom.css", "fonts/Roboto-Regular.ttf", "images/*.*"]

... и мой CSS имеет это ...

@font-face { 
    font-family: 'RobotoLtRegular'; 
    src: url('chrome-extension://[email protected]@extension_id__/fonts/Roboto-Regular.ttf'); 
    font-weight: normal; 
    font-style: normal; 
} 

body { 
    background: #f1f1f1 !important; 
    font-size: 1.2em !important; 
    font-family: RobotoLtRegular !important; 
} 

p { 
    font-family: RobotoLtRegular !important; 
}

... и все же, когда я перезагрузить мое расширение Я не» t увидеть новый шрифт. Инспектор хромовых элементов также показывает, что этот шрифт должен быть указан на корпусе и p (других шрифтов не будет перекрывать RobotoLtRegular.

FYI мои шрифты хранятся в каталоге css расширения, поэтому путь правильный.

Я в полной растерянности

Любые предложения будут полезны

UPDATE: Если это помогает знать, я загружая его в качестве распакованного расширения

источник

2015-09-27 user3256143

попробуйте добавить 'format (" truetype ")' после URL-адреса шрифта. – wOxxOm

хорошо, но что говорит сетевая вкладка? Как шрифт @ шрифт, шрифт все еще нуждается в загрузке ресурсов, так ли это? Работает ли URL-адрес ресурса расширения? –

Решение было добавить web_accessible_resources в манифесте (работ для манифеста версии 2):

"web_accessible_resources": ["*.ttf" ]

Чтобы включить любые другие типы файлов, которые можно запятая отделить их как таковые:

"web_accessible_resources": [ "*.png", "*.ttf" ]

Works в совершенстве.

источник

2015-10-08 22:29:19 user3256143

Но подождите. У вас уже было это в вашем фрагменте в вопросе. – Xan

Я думаю, что он использовал ключ web_accessible_resources внутри ключа content_scripts. Вот почему он не работал на начальном этапе. –

-1

шрифтов ->.../fonts/*

@font-face { 
    font-family: 'FontAwesome'; 
    src: url('fonts/fontawesome-webfont.eot?v=4.3.0'); 
    src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

Никакой другой конфигурации не требуется.

источник

2015-09-28 21:42:55 artit91

Шрифты, не работающие в chrome extension

ответ

Смежные вопросы