javascript - 如何指定从中加载字体的url？

Question

我注意到一些示例显示了如何从当前网站加载字体作为加载字体的基本路径:

Browser.document.fonts.load ("1em '" + font + "'").then (function (_) {
    promise.complete (this);
});

但是我如何从特定的 URL 而不是网站域本身加载呢？另外，1em 是什么意思？

编辑

< style >
("1em url('https://lab-mywebsite.com.com/files/assets/fonts') ")
</style >

Answer 1

如果你想从 url 中显式预加载字体，你应该使用 js.html.FontFace直接构造函数:

var url = "https://fonts.gstatic.com/s/indieflower/v8/10JVD_humAd5zP2yrFqw6ugdm0LZdjqr5-oayXSOefg.woff2";

new js.html.FontFace("Indie Flower", "url($url)").load()
    .then(function (loadedFace) { /* do something with the loaded font */ });

有关工作示例，请查看此 Try Haxe fiddle .

---

据我了解 CSS 字体加载模块第 3 级草案，FontFaceSet API——你通过document.fonts访问的那个– 让您控制已添加到默认集中的字体的加载(例如，通过样式表/<link> 标签)。

您可以查看有关 interaction with CSS font loading and matching 的更多信息.