css - 如何创建数据:application link for a web font?

标签 css fonts base64 webfonts

由于网络字体有一些与跨域托管有关的来龙去脉,作为开发人员为希望使用此类网络字体以利用其审美质量的众多客户提供代码,可能具有挑战性,尤其是在尝试时详细说明托管文件并确保 URL 路径正确指向它的技术步骤。

最近,我遇到了一个使用

data:application/font-woff;charset=utf-8;base64, "longHash"

术语,我对此不熟悉。

这样做的一大好处是,它似乎没有使用字体 URL 的跨域陷阱,示例如下:

http://jsfiddle.net/9336yqkL/1/

如果您查看链接,您会发现它是一系列长度相当长的字母数字字符,通常是 URL 路径。

我想知道,如何创建这样一条路径?

帮助总是感激!

最佳答案

Base64 是一种二进制编码方案。您可以使用解码器获取 base64, 之后的字母数字文本的二进制内容。整个过程称为数据 URI 方案,并列出了使用它的优缺点。 http://en.wikipedia.org/wiki/Data_URI_scheme#Advantages_and_disadvantages

关于css - 如何创建数据:application link for a web font?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26305872/

相关文章:

html - 如何让最小宽度在 Chrome 中的按钮上工作? (苹果系统)

html - 如何使用 HTML 表示二叉树(从上到下)?

html - 在事件或当前时突出显示父子导航菜单

jquery - 试图让我的 jquery 代码了解我的唯一 ID

css - tinyMCE style_formats 不使用 CSS 导入的字体

ios - 设置标签字体为粗体和斜体

javascript - 无法在 JavaScript 中解码 Base64

java - android 中的可用字体(来自 context.getAssets() )java

base64 - 混淆 base 64 字符串的好方法是什么?

java - 如何在 Android Oreo 中获取字符串的 Base64 表示形式