Google шрифты не работают ни на каких браузерах или планшетах

У меня серьезная проблема с шрифтами Google. Они работали нормально до последней недели, и с тех пор они перестали работать над всеми браузерами и планшетами. Если я вручную установлю шрифты на своем ПК, тогда они появятся, но не очень точно.Google шрифты не работают ни на каких браузерах или планшетах

Заголовок код API:

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'> 
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>

CSS:

body { font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; color: #4c4c4c; background: url('images/textures/header_bg1.png') no-repeat center top, url(images/textures/11.png) 0px 0px; } 

h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', Arial, sans-serif; padding-bottom: 6px; color: #474747; line-height: 1em; font-weight: 300; } 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #2b2b2b; } 
h1 { font-size: 41px; font-weight: 300; color: #5a5a5a; margin-top: 25px; margin-bottom:5px;} 
h2 { font-size: 30px; font-weight: 300; margin-top: 25px; margin-bottom:5px;} 
h3 { font-size: 23px; font-weight: 300; margin-top: 25px; margin-bottom:5px;} 
h4 { font-size: 18px; font-weight: lighter; margin-top: 25px; margin-bottom:5px;} 
h5 { font-size: 16px; font-weight: lighter; margin-top: 25px; margin-bottom:5px;} 
h6 { font-size: 14px; font-weight: lighter; margin-top: 25px; margin-bottom:5px;} 

p { font-family: 'Open Sans', Arial, sans-serif; font-size: 12px; color: #4c4c4c; text-align: justify; margin-top: 10px; margin-bottom: 10px; line-height: 25px;}

Ссылка на сайт, что я работаю на: http://www.bpcdev.co.uk

источник

2013-08-28 pv619

Нет проблем здесь: http://jsfiddle.net/PXvv3/ – JJJ

Привет Юхана, спасибо за вашу помощь. Да, вы правы, шрифты появляются на jsfiddle. Вот сайт, над которым я работаю, и все, что он показывает, это Arial и игнорировать google api. http://www.bpcdev.co.uk – pv619

Шрифт, кажется, загружается штрафом. Где таблица стилей, в которой вы назначаете шрифт телу документа (или определенным классам и т. Д.)? –

Бит поздно Я полагаю, но проблема была в самом Google. Они изменили свой Google Fonts URL из

Http

Https

источник

2014-04-10 07:02:04 pv619

Они не изменили его, HTTP-URL отвечает некоторым CSS, но, скорее всего, вы разрабатывали/тестировали свой сайт с помощью HTTPS, поэтому ваш браузер (ы) не будет запрашивать ненадежные ресурсы. –

ahh правый ... это имеет смысл !! спасибо за очищение :) – pv619

Убедитесь, что правильный шрифт-вес указанный в вашем правиле CSS при применении шрифта к заголовку.

h1 
{ 
    font-family: Lobster, cursive; 
    font-weight: 400; 
}

источник

2013-08-28 13:18:34

Спасибо Amol .. Я указал размер шрифта для большинства моих стилей .. но позвольте мне убедиться в моем стили. Еще раз спасибо :) – pv619

Не работает Amol :(- У меня есть только три стиля для Open Sans на всем сайте. body {font-family: «Open Sans», Times New Roman, sans-serif; font- вес: 400, размер шрифта: 16 пикселей, цвет: # 4c4c4c;} p {font-family: «Open Sans», sans-serif, Calibri, Arial, font-size: 12px; font-weight: 400;} h1, h2, h3, h4, h5, h6 {font-family: «Open Sans», Times New Roman, Arial; padding-bottom: 6px; цвет: # 474747; line-height: 1em; font-weight: 300; } thanks :) – pv619

Google шрифты не работают ни на каких браузерах или планшетах

ответ

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