如何指定 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 的更多信息。

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

How to specify url to load font from?

javascript

haxe

webfonts