css – 许可的网络字体如何呈现？

我正在看一个项目的源代码,其中使用了来自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).

再次,它与加载字体本身无关.您的服务器上有这些文件,并在引用完毕后加载.

原文地址：https://www.jb51.cc/css/216572.html