Fonts are connected to the site:

@font-face { font-family: HelveticaNeueCyr-Light; src: url('../fonts/HelveticaNeueCyr-Light.otf?') format('embedded-opentype'); } @font-face { font-family: HelveticaNeueCyr-Roman; src: url('../fonts/HelveticaNeueCyr-Roman.otf?') format('embedded-opentype'); } @font-face { font-family: AGLettericaCondL-Regular; src: url('../fonts/aGLettericaCondL-Regular.ttf') format('truetype'); }

In chrome, everything works, ie, no. Why How to fix ?

    2 answers 2

    IE requires a special font format - EOT (Embedded OpenType)

     /*только для Internet Explorer*/ @font-face { font-family: Scriptorama; src: local("Scriptorama"), url(path-to/Scriptorama.eot); }
    • @Stanislav Dalinin, If you are given an exhaustive answer, mark it as correct (click on the check mark next to the selected answer). - Denis Pavlik
    • So, if I have a font in ttf, where to get it in oet - Stanislav Dalinin
    • @ Stanislav Dalinin, there are online services. For example, [Webfont Generator] [1] [1]: fontsquirrel.com/tools/webfont-generator - Deonis

    It happens that due to the lack of quotes, it may not connect for example: it will not connect like this

     @font-face { font-family:fonts; font-style:normal; font-weight:400; src:url(fonts/fonts.eot); src:url(fonts/fonts.eot?#iefix)format(embedded-opentype), url(fonts/fonts.woff)format(woff), url(fonts/fonts.ttf)format(truetype), url(fonts/fonts.svg#fonts)format(svg); }

    and this is how it connects:

     @font-face { font-family:fonts; font-style:normal; font-weight:400; src:url(fonts/fonts.eot); src:url(fonts/fonts.eot?#iefix)format("embedded-opentype"), url(fonts/fonts.woff)format("woff"), url(fonts/fonts.ttf)format("truetype"), url(fonts/fonts.svg#fonts)format("svg"); }