Шрифт Render после страницы (содержимое) рендеры

StackOverflow https://stackoverflow.com//questions/25078055

  •  02-01-2020
  •  | 
  •  

Вопрос

Содержание моей страницы предоставляется до того, как шрифт оказывает, что я размещал шрифты на вершине Вот мои коды ... 

<!doctype html>
<html>
<head>
<title>Computer Stuffs Developer Profile</title>
<?php include_once('includes.php');?>
<link rel="stylesheet" href="css/projects.css" />
.

Включает в себя .php-файл содержит 

<link href='http://fonts.googleapis.com/css?family=Tangerine|Indie+Flower|Kaushan+Script' rel='stylesheet' type='text/css'>
<!--[if IE]>
        <script src="js/ie_html5.js"></script>
    <![endif]-->
<link rel="icon" type="image/png" href="images/favicon.png" />
<link rel="stylesheet" href="css/universal.css" />
<link rel="stylesheet" href="css/hyperlinks.css" />
.

Ранее мои шрифты были ниже html5.js теперь я переместил его сверху, и я все еще сталкиваюсь с проблемой .. Я очистил свой кеш и устал.

Это было полезно?

Решение

Я бы предложил вам кэшировать шрифты.Вот хорошая статья о производительности в загрузке шрифтов с примерами:

link

Другие советы

Вы можете добавить панель ожидания, которая охватывает 100% страницы, а в событии «Ready» вы можете удалить панель и показать страницу, правильно отображаемую.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top