Le portail francophone de la géomatique

Bonjour à tous,

Cherchant à créer des halos sur mes objets textes dans le composeur, j'explore le potentiel du rendu HTML.
J'arrive donc à faire des ombres et des contours, exemple :

<style>
p {color: white;
@font-face: 
  font-family: 'Diavlo';
  font-weight: 900;
  src: url(./Diavlo/Diavlo_Black.otf) format("opentype");
font-family: "Diavlo";
text-transform: uppercase;
text-shadow: black 0.1em 0.05em 0.2em;
-webkit-text-fill-color:ffffff;
-webkit-text-stroke: 1px black;}
</style>
<div align=right>
<p>titre carte</p></div>

La fonction @font-face me permet d'utiliser une police autre que les quelques misérables polices dispo par défaut en HTML. Si la déclaration pour la police diavlo ici utilisé fonctionne bien (j'ai trouvé un exemple sur internet), je n'arrive pas à l'appliquer à n'importe quelle police.
La valeur 'url' ici indiqué reste énigmatique pour moi. Ou pointe-t-il réellement ??? Car le fichier 'Diavlo_Black.otf' n'existe pas en local sur le poste, et l'url ne me parait pas suffisante pour pointer sur internet.

Du coup comment déclarer une autre police, par exemple 'News Gothic MT' ?

Pour les curieux, le code ci-dessous permet d'obtenir ce qu'on voir en PJ.

Merci pour toute aide.