Форум

temiks · #1 (**permalink**) 20.07.2014, 22:51

Здравствуйте, тут такой вопрос: можно ли подключить свой шрифт для internet explorer 8,7 ?
Пробовал подключать таким способом (урывок):

Код:

url('websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),

Но работает только от ie9+, а в ie8, ie7 - стандартный шрифт. Я что то делаю не так?

bes · #2 (**permalink**) 20.07.2014, 23:40

Сообщение от temiks

Пробовал подключать таким способом (урывок):

а где полный тестовый пример с возможностью запуска

temiks · #3 (**permalink**) 21.07.2014, 00:03

bes,
вот, можно посмотреть тут: ссылка

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>TODO supply a title</title>
        <link href="style/style.css" rel="stylesheet" type="text/css"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <div><p>TODO write content</p></div>
</body>
</html>

@font-face {
    font-family: Proxima;
    src: url('../fonts/ProximaNovaRegular.eot?#iefix') format('embedded-opentype');
    src: url('../fonts/ProximaNovaRegular.ttf') format('truetype');
}
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    min-width: 900px;
    background: #fff;
}

 p{
    margin: 0;
    padding: 0;
    font: 16px Proxima;
    color: #5A5A5A;
}

bes · #4 (**permalink**) 21.07.2014, 00:57

похоже проблема с самим шрифтом, пропусти его через
http://www.fontsquirrel.com/tools/webfont-generator

temiks · #5 (**permalink**) 21.07.2014, 11:18

bes,
спасибо большое, помогло, но не сразу, в режиме expert с выбором параметра "Base64 Encode" - все так же не работало, а вот при режиме optimal - все заработало.

Если кто то столкнется с проблемой, решил ее так:

@font-face {
    font-family: 'proxima_novaregular'; // название
    src: url('../fonts/proximanovaregular-webfont.eot'); // путь
    src: url('../fonts/proximanovaregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanovaregular-webfont.woff') format('woff'),
         url('../fonts/proximanovaregular-webfont.ttf') format('truetype'),
         url('../fonts/proximanovaregular-webfont.svg#proxima_novaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
 p{
    margin: 0;
    padding: 0;
    font: 16px proxima_novaregular;
    color: #5A5A5A;
}

Форум

Справочник

Discord чат

Курсы javascript