S
S
sinefighter2015-04-30 23:09:44
css
sinefighter, 2015-04-30 23:09:44

How to include fonts in ie8?

Hello, I can not get the connection of fonts in ie8.
Code example:

@font-face {
    font-family: 'Handbook';
    src: url('PFHandbookPro-Regular.eot');
    src: url('PFHandbookPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('PFHandbookPro-Regular.woff2') format('woff2'),
         url('PFHandbookPro-Regular.woff') format('woff'),
         url('PFHandbookPro-Regular.ttf') format('truetype'),
         url('PFHandbookPro-Regular.svg#PFHandbookPro_Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
font:normal normal 14px/18px 'Handbook', sans-serif;
}

tried it in different ways:
src: url('PFHandbookPro-Regular.eot?') format('embedded-opentype'),

src: url('PFHandbookPro-Regular.eot') format('embedded-opentype'),

The result is the same.
I thought that the problem was in the font itself - but no, I tried to include different .eot fonts generated through different font-face generators.
Who knows what could be the reason and how to force the fonts to connect?

Answer the question

In order to leave comments, you need to log in

2 answer(s)
D
Dima Pautov, 2015-04-30
@sinefighter

You have the most cross-browser code!
www.fontsquirrel.com/tools/webfont-generator - in all ie up to 7!

R
rhost, 2015-04-30
@hoOstel

@font-face {
  font-family: 'Gotham Pro';
  src: url('../font/GothamPro_regular.eot');
  src: local('☺'),
    	url('../font/GothamPro_regular.eot?') format('embedded-opentype'),
        url('../font/GothamPro_regular.woff') format('woff'),
        url('../font/GothamPro_regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

do this, everything works

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question