Question

我的页面内容在字体渲染之前呈现，即使我已将字体放在顶部这是我的代码......

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

includes.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之下，现在我把它移到了顶部，我仍然面临着问题..我清理了我的缓存并且累了。

Answer 1

您可以添加覆盖100％页面的等待面板，在“就绪”事件中，您可以删除面板并显示正确呈现的页面。

Answer 2

我建议你缓存字体。这是一篇关于使用示例加载字体的性能的好文章：

Link

页面（内容）渲染后的字体渲染

2 个答案: