2014-11-04 2 views
7

Я использую шрифт Montserrat на своем веб-сайте, но он не отображается в IE11 (Windows 7). Я задал этот другой вопрос несколько дней назад: Montserrat font isn't displayed on IE 10 and 11Как заставить этот шрифт Google работать в Internet Explorer 11

Теперь я пытаюсь добавить шрифт Google Montserrat через css, но он, похоже, не работает. Это мой код:

@font-face { 
    font-family: 'Montserrat'; 
    src: url('assets/fonts/montserrat-regular-webfont.eot'); 
    src: url('assets/fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), 
     url('assets/fonts/montserrat-regular-webfont.woff2') format('woff2'), 
     url('assets/fonts/montserrat-regular-webfont.woff') format('woff'), 
     url('assets/fonts/montserrat-regular-webfont.ttf') format('truetype'), 
     url('assets/fonts/montserrat-regular-webfont.svg#montserratregular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

} 
+0

Возможный дубликат шрифта Montserrat не отображается в IE 10 и 11] (http://stackoverflow.com/questions/26356540/montserrat-font-isnt-displayed-on-ie-10-and-11) – Prisoner

+0

Я комментирую, что на вопрос, я создаю вопрос, на который вы ссылаетесь, но теперь я пытаюсь сделать то, о чем ответит ответ на вопрос, и у меня проблемы – ThemesCreator

+0

Я знаю, но я не видел никакой разницы в ваших вопросах. Извините, если я что-то пропустил. – Prisoner

ответ

8

Использование:

@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700); 

Для вызова внутри таблицы стилей и:

font-family: 'Montserrat', sans-serif; 

Чтобы сделать что-то, что шрифт ..

От шрифтов Google : «Примечание: для лучшего отображения в IE сделайте тег stylesheet первым элементом в разделе HTML. В IE, если ссылка помещена после тегов вся страница блокирует и ничего не отображает до загрузки шрифта ».

<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> 

Если это не сработает, попробуйте следующее: https://developers.google.com/fonts/docs/webfont_loader#Example

Это сделает каждый браузер "вести себя как Firefox".

+1

спасибо, но это не сработает – ThemesCreator

+0

@Genethic см. Обновленный ответ :) Если это не сработает, попробуйте это: https://developers.google.com/fonts/docs/webfont_loader#Example – Refilon

+0

@ Genethic сделал пример, данный Deer-Outdoor.nl, решает вашу проблему? – Montag451

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