@ шрифт-лицо не работает с самодельным шрифтом

Я после этого видео: https://www.youtube.com/watch?v=t1nX5_2FQ8g сгенерированной папки с содержимым шрифта и файлом CSS, я скопировал код CSS в мой global.css@ шрифт-лицо не работает с самодельным шрифтом

@font-face { 
font-family: 'Conv_Origram'; 
src: url('fonts/Origram.eot'); 
src: local('☺'), url('fonts/Origram.woff') format('woff'), url('fonts/Origram.ttf') format('truetype'), url('fonts/Origram.svg') format('svg'); 
font-weight: normal; 
font-style: normal;

}

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

Я скопировал файлы шрифтов в папку, а также попробовал расположение fontAwesome, который работает на моей теме. Но для моего шрифта origram это не работает. Я пробовал просто простой html и css на пустом домене, и это сработало, но в моей теме preashop это не так. Спасибо за ваше время

источник

2016-12-27 Patrik Pursch

Некоторые типы файлов шрифтов не поддерживаются в некоторых браузерах. Для лучшей совместимости используйте шрифты истинного типа с расширением .ttf –

У меня есть файл шрифта .ttf, но он все равно не работает. –

Я имею в виду, что вы должны установить его перед другими типами в своем объявлении CSS. –

Font-face требует небольшого понимания несоответствий браузера и может потребоваться некоторые изменения на самом веб-сервере. Первое, что вам нужно сделать, это проверить консоль, чтобы узнать, генерируются ли/какие сообщения. Это проблема с разрешениями или ресурс не найден ....?

Во-вторых, поскольку каждый браузер ожидает другого типа шрифта, я бы использовал Font Squirrel для загрузки шрифта, а затем сгенерировал дополнительные файлы и CSS. http://www.fontsquirrel.com/fontface/generator

И, наконец, версии FireFox и IE не позволят загружать шрифты междоменными. Возможно, вам придется изменить конфигурацию Apache или .htaccess (Header set Access-Control-Allow-Origin "*")

источник

2017-01-04 08:06:20

@ шрифт-лицо не работает с самодельным шрифтом

ответ

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