Quelle est l'alternative de @import url ("http: // abc") dans la feuille de style

Question

En fait, nous avons une feuille de style global.css dans laquelle nous utilisons @import url("http://fonts.net/sample.css?type=cssandid=123") pour les polices.

Mais il crée des problèmes dans paquetteurs & minification alors je suis des solutions suivantes: http://www.stevesouders.com/blog/2009/04/09/dont-use-import/

et je remplace @import avec l'élément

<link rel='stylesheet' type='text/css' href='http://fonts.net/sample.css?type=cssandid=123'> 

même après cela, je reçois des erreurs CSS comme je l'ai vérifié dans CSS Lint (http://csslint.net/) et ne pas obtenir un véritable effet d'interface utilisateur comme avec @import.

Avons-nous d'autres solutions pour cela?

Environnement: VS2015, MVC 5.2, Sitecore 8.1

Merci

Answer 1

Espoir vous avez trouvé la solution depuis que vous avez publié cette question

Ce que vous pouvez faire, pour éviter l'@import url ('yourCssUrlHere ') est simplement copier/coller l'URL sur votre navigateur, puis copier/coller le CSS qui est affiché.

Ensuite, remplacez simplement le @import par le CSS que vous venez de copier.

La plupart du temps, si l'importation est une police, il y aura d'autres références aux fichiers .woff ou .woff2. Il suffit de les télécharger et de stocker ces fichiers quelque part dans votre dossier de projet et ajoutez simplement leur lien absolu sur tous les champs url(). De cette façon, vous utilisez des polices externes ou des feuilles de style, mais en interne, sans les demander en dehors de votre site Web.