Sujet Précédent Sujet Suivant

Fonts sur google drive

Fermé
FredIR Messages postés 8 Date d'inscription mercredi 11 août 2021 Statut Membre Dernière intervention 28 janvier 2022 - 24 janv. 2022 à 18:48
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 - 1 févr. 2022 à 12:50
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 lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
26 janv. 2022 à 17:22
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 mercredi 11 août 2021 Statut Membre Dernière intervention 28 janvier 2022 1
28 janv. 2022 à 17:24
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 lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
1 févr. 2022 à 12:50
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

Discussions similaires

Prélèvement Google Ireland Limited
jaffa1961 -
Minette135 -

34 réponses