在使用一些自定义字体时,我有两个选择,要么从我自己的服务器加载表单,要么加载谷歌网络字体。但我担心的是哪一个在页面加载时间方面有效?
我使用 css 的方式是
@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff') format('woff'), /* Modern Browsers */
}
在这里,在加载字体时,我还使用字体版本缓存并从 CDN 加载字体。
我尝试加载的字体大小接近 36k。
h1 {
font-family: 'MyWebFont', Fallback, sans-serif;
}
谷歌字体的实现
<link href='http://fonts.googleapis.com/css?family=Caesar+Dressing' rel='stylesheet' type='text/css'>
h1{
font-family: 'Caesar Dressing', cursive;
}
有人可以帮助我了解应该使用哪一个,要么使用谷歌网络字体,要么使用自定义表单自己的服务器。就页面加载时间而言,哪一个最好?