Всем привет. В одном проекте используются платные шрифты, их нет бесплатно в гугл фонтс.
Так вот. С недавнего времени гугл в результатах поиска стал выдавать мой сайт по умолчанию с https. Сайт никогда не использовал шифрование, ну да ладно, гуглу виднее. Клиенты попадая на сайт видел его без стилей CSS вообще, они не подгружались для https.
Проблема решилась, прописав в мета тегах при подключении css https:// вместо http://
CSS теперь корректно грузится для двух протоколов. И для http и для https.
Но теперь такая проблема: шрифты подгружаются только для https, а для http ни в какую не хотят подцепляться. Как решить?
Все файлы на месте, проблема сохраняется во всех браузерах.
<link href="https://mysite.com/style.css" rel="stylesheet" />
@font-face {
font-family: 'Intro';
src: url('//mysite.com/fonts/intro.eot');
src: url('//mysite.com/fonts/intro.eot?#iefix') format('embedded-opentype'),
url('//mysite.com/fonts/intro.woff') format('woff'),
url('//mysite.com/fonts/intro.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}