Die*_*ego 6 css url fonts text
我在一个项目中使用了三种Google字体,其中第一种用于标题和常规文本,第三种用于菜单.所以,在菜单中,我只使用一组字母,都是大写的.当我导入谷歌字体"CSS"我可以减少85%的第三字体的大小,如果我只叫我需要的字母,在网址中使用"文本"变量:
@import url(http://fonts.googleapis.com/css?family=Happy+Monkey&text=HOMECONTACT);
这很好,但是当我将其他字体添加到此URL时(为了保存调用),"text"变量会影响URL中的所有字体.因此,解决方案是再消耗一个电话并分别询问字体,如下所示:
@import url(http://fonts.googleapis.com/css?family=Happy+Monkey&text=HOMECONTACT);
@import url(http://fonts.googleapis.com/css?Marcellus+SC|Open+Sans+Condensed:300);
现在,我想做的是检索一次调用中的所有字体,但只检索一种特定字体的字符集.换句话说,将之前的调用合二为一.阅读谷歌字体API,我认为这是不可能的,但我仍然问,是否有人知道这个解决方案.
先感谢您!
目前还没有办法做到这一点。也许是因为优化的字体请求仍处于测试阶段。
我建议在 中使用 requests，<head>而不是在 中使用 CSS 内部@import。从页面速度的角度来看，几乎不应该使用来自 CSS 文件的 @import，因为它会阻止同时下载样式表。如果两个样式表都在 HTML 主页面的元素中引用<link>，则可以同时下载两个样式表。
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Happy+Monkey&text=HOMECONTACT">
<link rel="stylesheet" href="//fonts.googleapis.com/css?Marcellus+SC|Open+Sans+Condensed:300">
即使多一个请求，页面加载速度也会比@import.
| 归档时间： |
|
| 查看次数： |
310 次 |
| 最近记录： |