Problème chargement police - erreur dans la console

[dsigmoun]

Bonjour,

J’ai fait une réinstallation complète de mon jeedom, mais je rencontre quelques soucis pour la prise en charge des polices.

Dans des html, je les charge comme cela

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Unica+One&display=swap" rel="stylesheet">

cependant, elles ne sont plus prises en compte et je vois que j’ai les erreurs suivantes dans la console de Chrome.

Refused to load the stylesheet '<URL>' because it violates the following Content Security Policy directive: "style-src 'self' 'unsafe-inline'". Note that 'style-src-elem' was not explicitly set, so 'style-src' is used as a fallback.

jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2 Refused to load the stylesheet 'https://fonts.googleapis.com/css2?family=Unica+One&display=swap' because it violates the following Content Security Policy directive: "style-src 'self' 'unsafe-inline'". Note that 'style-src-elem' was not explicitly set, so 'style-src' is used as a fallback.

(anonymous) @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
Pe @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
append @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
success @ getResource.php?file=desktop/js/plan.js&md5=d68fb102dd1fa26cc4efea4f035355e0&lang=fr_FR:927
success @ getResource.php?file=core/js/private.class.js&md5=7e00d774b14e38f2c73e1d391e0bf62e&lang=fr_FR:114
c @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
fireWith @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
l @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
(anonymous) @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
load (async)
send @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
ajax @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
jeedom.plan.byPlanHeader @ getResource.php?file=core/js/plan.class.js&md5=cad6ea68a131a500c70e2dd17f378916&lang=fr_FR:188
success @ getResource.php?file=desktop/js/plan.js&md5=d68fb102dd1fa26cc4efea4f035355e0&lang=fr_FR:916
success @ getResource.php?file=core/js/private.class.js&md5=7e00d774b14e38f2c73e1d391e0bf62e&lang=fr_FR:114
c @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
fireWith @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
l @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
(anonymous) @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
load (async)
send @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
ajax @ jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2
jeedom.plan.getHeader @ getResource.php?file=core/js/plan.class.js&md5=cad6ea68a131a500c70e2dd17f378916&lang=fr_FR:285
displayPlan @ getResource.php?file=desktop/js/plan.js&md5=d68fb102dd1fa26cc4efea4f035355e0&lang=fr_FR:858
(anonymous) @ getResource.php?file=desktop/js/plan.js&md5=d68fb102dd1fa26cc4efea4f035355e0&lang=fr_FR:509
jquery.min.js?md5=dc5e7f18c8d36ac1d3d4753a87c98d0a:2 Refused to load the stylesheet 'https://fonts.googleapis.com/css?family=Montserrat' because it violates the following Content Security Policy directive: "style-src 'self' 'unsafe-inline'". Note that 'style-src-elem' was not explicitly set, so 'style-src' is used as a fallback.

Voyez-vous d’où le problème peut venir ?

Frédéric

[Mips]

Bonjour,

Pour toutes questions il faut préciser la version de jeedom installée.

Comment nous aider à vous aider - ou Comment poser une bonne question?

Avant de commencer… Ce forum n’est pas un Helpdesk La plupart des gens ici ne travaillent pas pour Jeedom SAS, à moins que cela soit spécifiquement indiqué dans leurs profils. Et même s’ils peuvent passer parfois sur le forum, ce n’est pas le moyen officiel d’obtenir du support. Les autres, nous offrons volontairement de notre temps libre pour vous aider. Certaines demandes peuvent ne pas recevoir de réponses et peut-être justement celle qui correspond à votre problème. [image] Il ne s’agi…

[Mips]

Et vous êtes probablement en v4.2 bêta.
Ce qui serait donc d’autant plus import à dire si on est en bêta !

Il ne sera plus autorisé à faire cela, comme on peut le lire le téléchargement de ressources depuis un site externe est refusé par la politique de sécurité mise en place en 4.2.

Les fonts doivent se trouver en local sur jeedom.

[dsigmoun]

Bonjour @Mips

Je suis bien en stable 4.1.27 installée depuis l’image iso jeedom

Version : 4.1.27
Source : default
Branche : V4-stable
Système : diy

J’ai aussi les polices dans data/fonts.

[Mips]

@dsigmoun

J’ai aussi les polices dans data/fonts.

Alors vous pouvez les charger à partir de là en principe.

[dsigmoun]

J’ai l’impression qu’elles ne sont pas chargées.

J’ai par exemple la police montserrat

Si je saisie ce code, ce n’est pas la police souhaitée

<div align=center style="color:rgba(255,255,255,1);
font-size:24px;
height:24px;
background-color: transparent! ;
font-family:Montserrat-Regular; "
>Test police</div>

J’ai essayé également en mettant uniquement font-family:Montserrat; mais cela fait pareil

[Mips]

Non elles ne seront pas chargées automatiquement.
Mais vous pouvez les charger depuis cet emplacement au lieu de les charger depuis google;
donc qlqch du style:

<link href="/data/fonts/[path_to_file]" rel="stylesheet">

[dsigmoun]

@Mips

<link href="/data/fonts/[path_to_file]" rel="stylesheet">

Je viens de tester mais cela ne fonctionne pas

<link href="/data/fonts/Montserrat/Montserrat-Regular.ttf" rel="stylesheet">

Dans la console j’ai

[Mips]

Parce qu’un fichier ttf n’est pas une stylesheet.

[dsigmoun]

Ok du coup, tu me conseilles quel format de police ?

Merci !

[dsigmoun]

J’ai trouvé mon bonheur. A mettre dans la Personnalisation avancée

@font-face {
font-family: « Montserrat »;
src: url("…/…/data/fonts/Montserrat/Montserrat.ttf") format(« truetype »);
}