我在我的网站上使用自定义字体.我可以使用本地字体文件:
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'; }
原文地址:https://www.jb51.cc/css/215298.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。