2016-12-04 11 views
0

Я создаю файл style.css и вставляю его в конец html doc.веб-шрифты, избегающие «Устранить блокирование визуализации JavaScript и CSS в надводном содержимом»

<html> 
<head> 
</head> 
<body> 

<link rel="stylesheet" href="style.css" type = "text/css" /> 
</body> 
</html> 

Теперь я проверить мой Webiste в google.

У меня нет ошибок.

Но когда я вставляю этот код в начало style.css, я получаю сообщение об ошибке.

код:

@font-face { 
    font-family: IRANSans; 
    font-style: normal; 
    font-weight: bold; 
    src: url('../fonts/eot/IRANSansWeb_Bold.eot'); 
    src: url('../fonts/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ 
     url('../fonts/woff2/IRANSansWeb_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ 
     url('../fonts/woff/IRANSansWeb_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ 
     url('../fonts/ttf/IRANSansWeb_Bold.ttf') format('truetype'); 
    } 

ошибка в гугле:

Исключите делают блокирование JavaScript и CSS содержания Сверх кратном

Я проверил мой код. Это связано с .woff и .ttf форматом.

Можно ли это использовать?

Я прочитал Befor я должен изменить свой код к этому:

url("data:application/x-font-woff;charset=utf-8;base64,../fonts/woff/IRANSansWeb_Bold.woff") format('woff'), 

Это правда? с этим изменением. Я не получаю никаких ошибок. Но я не уверен, что изменения работают в целевом браузере. что вы думаете?

ответ

0

Сведения о странице Google проверяют, может ли вышеуказанный склад сбрасываться без необходимости использования внешних ресурсов. Поскольку вы используете внешние шрифты, браузер должен загрузить их, чтобы отобразить выше содержимое сложения. Попробуйте использовать службу sitelocity.com для генерации критической части css и посмотрите, есть ли у вас ошибки.