Fonts sur google drive

FredIR Messages postés 8 Date d'inscription   Statut Membre Dernière intervention   -  
Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
je viens de déposer une fonts personnel sur mon compte google drive mais j'ai quelques difficultés à l'utiliser.
Voilà, ce que j'aimerai faire c'est utiliser son adresse google pour la faire apparaître dans une page html.
Mais si l'adressage est correct, puisqu'il apparaît sur une page web; il m'est impossible de l'utiliser dans ce code, que j'ai vérifié par ailleurs.
Le lien :
https://drive.google.com/file/d/1rGebYCdQq_i-TeUrpDWBPm4alH9a94tW/view?usp=sharing
Le code : 
<!DOCTYPE html>
<meta charset="utf-8">
<html>
<head>
<style>
	@font-face {
	font-family:'veteran';
	src:url(https://drive.google.com/file/d/1rGebYCdQq_i-TeUrpDWBPm4alH9a94tW'); }
</style>


Si vous connaissez la raison de ce dysfonctionnement, je serais bien content que vous m'en fassiez part.
A voir également:

2 réponses

Réponse 1 / 2
Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   527
 
Bonjour,

Il manque un guillemet au début de l'url : 
@font-face {
	font-family: 'veteran';
	src: url('https://drive.google.com/file/d/1rGebYCdQq_i-TeUrpDWBPm4alH9a94tW');
}


Même en corrigeant cette erreur de syntaxe, tu devrais également avoir une autre erreur dans la console du navigateur à cause politique de sécurité de même origine :
https://developer.mozilla.org/fr/docs/Web/HTTP/CORS/Errors/CORSMissingAllowOrigin

En résumé, drive.google.com n'autorise pas à accéder aux fichiers depuis un autre site. Il faut surement héberger le fichier font à un autre endroit
1
Réponse 2 / 2
FredIR Messages postés 8 Date d'inscription   Statut Membre Dernière intervention   1
 
Merci Pitet,
en effet la faute de frappe n'aide pas, désolé.
Je dois donc passer par un hebergeur, pour résoudre ce problème ?
0
Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   527
 
Si le fichier font n'est pas hébergé sur le même domaine que fichier html, tu risques d'avoir la même erreur concernant les entêtes CORS (sauf si l'hébergement le permet).
Le plus simple serait surement d'héberger le fichier font au même endroit que le fichier html.
0