我正在看一个项目的源代码,其中使用了来自myfonts.com的许可字体.
css文件包含这个 –
/* @import must be at top of file,otherwise CSS will not work */
@import url("//hello.myfonts.net/count/123d4d");
@font-face {
font-family: 'SoliPx';
src: url('webfonts/123D4D_1_0.eot');
src: url('webfonts/123D4D_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/123D4D_1_0.woff') format('woff'),url('webfonts/123D4D_1_0.ttf') format('truetype');
}
而源URL中提到的 – 项目的本地webfonts文件夹中有eot,woff,ttf文件.
我知道如何@ font-face和webfonts一般工作.
但是在上面使用许可/商业字体的情况下,我没有看到在“开发工具”中下载的任何字体文件,而是以指定的字体呈现文本.
有一个网络请求发送到hello.myfonts.net/count/123d4d,状态为200,响应内容类型为“text / css”,但响应正文中没有.
内部发生了什么？这是如何工作的？
解决方法
我之前已经处理过了,这里是导入的文件：
>只要实际加载字体,它什么都不做.我已经离开它(测试时),字体从我的服务器正常加载.
>它计算文件由CSS导入的次数(因此URL中的/ count /).如果您阅读了myfonts.com webfont许可证,大多数网页字体都附带了每月浏览量上限.如果您通过该帽子,myfonts将会再次向您的帐户收费,或者建议您购买一个更高上限的新许可.
所以我们真正拥有的API端点返回一个空的CSS文件.每次加载CSS文件时,myfonts会在每个页面视图的数量上添加一个与最后哈希对应的帐户(在您的情况下为123d4d).
再次,它与加载字体本身无关.您的服务器上有这些文件,并在引用完毕后加载.
