Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Подключения шрифта для ie (https://javascript.ru/forum/xhtml-html-css/48883-podklyucheniya-shrifta-dlya-ie.html)

temiks 20.07.2014 22:51
Подключения шрифта для ie
 
Здравствуйте, тут такой вопрос: можно ли подключить свой шрифт для internet explorer 8,7 ?
Пробовал подключать таким способом (урывок):
Код:
url('websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
Но работает только от ie9+, а в ie8, ie7 - стандартный шрифт. Я что то делаю не так?

bes 20.07.2014 23:40
Цитата:
Сообщение от temiks
Пробовал подключать таким способом (урывок):
а где полный тестовый пример с возможностью запуска

temiks 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 21.07.2014 00:57
похоже проблема с самим шрифтом, пропусти его через
http://www.fontsquirrel.com/tools/webfont-generator

temiks 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;
}


Часовой пояс GMT +3, время: 00:14.