2017-08-25 4 views
0

Via l'implémentation @font-face, j'ai ajouté une police personnalisée à un projet web pour un client. Toutefois, la police personnalisée ne se charge jamais, en donnant l'erreur:Accès inter-site pour les polices personnalisées (projet web Django)

downloadable font: download failed (font-family: "droid_arabic_naskh" style:normal weight:normal stretch:normal src index:1): bad URI or cross-site access not allowed source: http://mysite.azureedge.net/css/fonts/droidnaskh-regular-webfont.woff2/woff/ttf 

Est-il possible de résoudre ce problème? Ou devrais-je rétablir la police personnalisée?

Répondre

0

Tout d'abord, cette URL n'est même pas valide. Je ne sais pas si vous avez modifié cela uniquement à des fins d'affichage.

Vous devez télécharger et importer la police localement.

Cela devrait être le format css:

@font-face { 
 
    font-family: myFirstFont; 
 
    src: url(sansation_bold.woff); 
 
    font-weight: bold; 
 
}

Ref: https://www.w3schools.com/css/css3_fonts.asp

+0

Oui, changé l'URL pour l'affichage des fins, alors ne vous inquiétez pas sur la validité de l'URL. –

+0

@HassanBaig bien votre problème est basé sur l'URL comme le prétend l'erreur. Publiez votre importation CSS ici. –

+0

En fait 'font-face' et al est correct, le coupable est que j'ai placé les polices dans le dossier statique - ce dossier est mappé sur un CDN dans l'environnement en direct. Cela fonctionne bien localement, pas en production. Il semble de votre réponse que je dois le mettre dans le serveur local, pas CDN. –