Comment spécifier l'URL à partir de laquelle charger la police?

Question

J'ai remarqué quelques exemples qui montre comment charger une police à partir du site Web actuel étant le chemin de base pour le chargement de la police comme:

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

Mais comment pourrais-je charger à partir d'une URL spécifique plutôt que le domaine du site lui-même? En outre, que signifie 1em?

modifier

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

Answer 1

Si vous souhaitez pré-charger explicitement une police à partir d'une URL, vous devez utiliser directement le constructeur 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 */ }); 

Pour un exemple de travail, consultez cette Try Haxe fiddle .

---

En ce que je compris la CSS police Chargement du module Niveau 3 projet, l'API FontFaceSet - celui que vous accédez via document.fonts - vous permet de contrôler le chargement des polices déjà ajoutées au jeu par défaut (par exemple via stylesheets/<link> étiquettes). Vous pouvez vérifier pour plus d'informations sur le interaction with CSS font loading and matching.