我在我的网站上使用自定义字体.我可以使用本地字体文件：
src: local('Ubuntu'),url('fonts/ubuntu.woff') format('woff');
或者只是使用谷歌的：
src: local('Ubuntu'),url('http://themes.googleusercontent.com/static/fonts/ubuntu/v4/_xyN3apAT_yRRDeqB3sPRg.woff') format('woff');
考虑到页面加载时间,哪个会更快？
解决方法
我设置了一个包含两个测试页的GAE应用程序,一个使用Google Web Fonts,另一个使用本地文件.我确保没有缓存并记录每个页面加载需要多长时间.这在Chrome上重复了20次.
结果
>平均加载时间(Google Web Fonts)：486.85 ms
>平均加载时间(本地文件)：563.35 ms
码
字体-google.html您
<!DOCTYPE html>
<html>
<head>
<title>title</title>
<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
<link href='both.css' rel='stylesheet' type='text/css'>
</head>
<body>
<h1>This is a heading</h1>
</body>
</html>
字体-local.html
<!DOCTYPE html>
<html>
<head>
<title>title</title>
<link href='fonts-local.css' rel='stylesheet' type='text/css'>
<link href='both.css' rel='stylesheet' type='text/css'>
</head>
<body>
<h1>This is a heading</h1>
</body>
</html>
字体-local.css
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: normal;
src: local('Ubuntu'),url('ubuntu.woff') format('woff');
}
both.css
h1 {
font-family: 'Ubuntu';
}
