Typekit如何在幕后工作?

9 html5 fonts

我很好奇是否有人知道这些东西在幕后如何运作.我有兴趣是否有办法托管你自己的字体,如果那些适用于所有主流浏览器?

小智 10

在Typekit的博客上发现了这篇有趣的帖子.这是我一直在寻找的那种答案.

编辑:我写了一个Web字体服务器,它借用了本文中描述的一些技术.


Lès*_*sté 7

我建议查找WOFF(Web开放字体格式).应该有各种应用程序(至少一个免费的Web应用程序)可用于将常规桌面字体转换为WOFF.

嵌入任何你想要的字体的唯一真正障碍是许可限制,这就是Typekit被创建来解决的问题.它们提供了合法嵌入Web字体的方法,他们从类型代工厂获得了许可权 - 因此订阅成本.

您可以像Aillyn一样建议您是否可以找到没有此类许可限制的免费字体,或者您可以获取专门用于Web使用的WOFF字体,并且还可以压缩以加快加载速度.或者,您可以将TrueType/OpenType字体转换为WOFF并使用您想要的任何字体,无论合法性如何.

但是,Typekit嵌入字体的方式是将它们直接嵌入CSS中:

@font-face {
    font-family: "bello-pro-1";
    src: url(data:font/woff;base64,...=);
    font-style: normal;
    font-weight: 400;
}
Run Code Online (Sandbox Code Playgroud)

- ...在Base64中编码的WOFF文件.一旦获得了WOFF字体,您也可以自己完成.

有没有在WOFF没有天生的DRM,所以我不知道是什么促使字体代工厂通过WOFF突然拥抱网页字体,但是从我从几个字体设计师阅读,似乎有可能是怎么有些根本误解网页的工作以及"同源"政策实际意味着什么.