我已经下载了DejaVu开源字体并希望将其用于WebFont,但即使在转换它时,我也会得到一个大文件,因为我将使用的网站只有少数语言(阿拉伯语,法语,amazigh) )那么,我不需要一些角色.
那么有没有办法浏览字体文件并删除我不需要的不必要的unicode字符范围？
从Google加载自定义字体时,它们为您提供了优化它们的方法:https://developers.google.com/webfonts/docs/getting_started#Optimizing_Requests
这意味着如果您只使用自定义字体作为标题,而不是加载整个字体,您可以告诉它您需要哪些字母,以便不加载整个字体字母.到现在为止还挺好.
但是,在示例中它只有一种字体样式.你怎么用两个呢？
例如,我使用它来加载字体的样式:
正常400我用于很多文本,但400italic只用于一个短标题.
如果我做:
它会加载整个400,只是我想要的400italic的"样品头"还是会做其他的事情？
好的,我已经听说过如何优化网站加载速度的百万种方式:HTTP请求越少越好(这就是图像精灵诞生的原因); 仅注入一页专门需要的JavaScript文件.尽可能使用CSS进行视觉增强,然后考虑SVG图形(虽然这个仍然有争议) ; 压缩您的CSS和JavaScript文件以及HTML标记; 将您的脚本整合到一个文件中(再次返回更少的HTTP请求); gzip你的资产; 等等
但今天我在网站上发现了这条评论:
"既然我们关心Web开发最佳实践,我们就不再在项目中使用@import规则了."
澄清一下,我的问题不是关于以下两者之间的区别:
<link rel="stylesheet" href="file.css"> 与 <style type="text/css">@import url("styles.css");</style>
将此添加到您的HTML文档之间的区别是:<link rel="stylesheet" href="file.css">将此@import url("styles.css")INSIDE 添加到您的主CSS文件中.
那么,从HTML加载CSS文件到从另一个CSS文件加载文件之间的区别是什么？
我的意思是,HTTP请求仍然存在,它们只是来自不同的位置.
我读过Steve Souders' 不要使用@import文章,以及About.com的文章@import和CSS链接有什么区别？,但他们比较我上面提到的我没有提到的方法,所以我不清楚为什么不使用@import.
顺便说一句,我不关心Netscape 4或IE6(感谢上帝,我现在可以说)或IE7和FOUC.
提前致谢.