Шрифт Lato не отображается в IE, но отлично работает в Chrome

#css #internet-explorer #fonts #font-face #webfonts

#css #internet-explorer #шрифты #шрифт-лицо #веб-шрифты

Вопрос:

Я использую шрифт Google Lato для своей перспективы разработки пользовательского интерфейса, но у меня возникла проблема, когда я использовал шрифт lato, он некорректно отображается в IE, но работает нормально в браузере Chrome, я не мог понять, что произошло?

Я просто загружаю шрифт Google в свой локальный

Шрифт Lato Google

 <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700amp;amp;subset=latin-ext" rel="stylesheet">

Мой локальный путь

Укажите в CSS

 body {    font-family: 'Lato', sans-serif;}

Chrome — его использование 'Lato'

Шрифт IE — Lato не отображается, вместо шрифта lato он займет sans-serif

Я не знаю, что я пропустил, можете ли вы помочь мне в этом случае?

1. Версия IE 11 @Rahul

2. @RaviDelixan обновите свой пост этой информацией — это важные данные, которые должны быть сразу очевидны в вопросе =) Также, согласно ответу Йоава, вы показываете CSS, адаптированный для Chrome, так что это нам ни о чем не говорит. Откройте инструменты разработки IE11 (F12), а затем найдите код CSS, который он пытается загрузить, и обновите сообщение этой информацией

Ответ №1:

Google загружает соответствующий файл webfont в соответствии с клиентским браузером. Chrome поддерживает woff2, в то время как IE поддерживает woff. Если вы загрузите тот же css через explorer, вы получите файлы woff в таблице стилей.

Ответ №2:

Я использовал google font lato через

 <link href="https://fonts.googleapis.com/css?family=Latoamp;amp;subset=latin-ext" rel="stylesheet">

и он правильно отображается как в IE11 (в Windows), так и в Chrome, поэтому я предлагаю попробовать использовать Google font из Google api, а не загружать его на локальный компьютер или сервер ur

также ознакомьтесь с этой ссылкой здесь, это может вам помочь