Je développe un site Web qui doit imprimer une page contenant des icônes géniales de police. La question est que lorsque vous allez imprimer, les icônes géniales de police n'imprimeront pas de couleur.
Dans le navigateur, ils apparaissent en couleur, mais lorsque la page est imprimée, les icônes sont noires solides. Est-ce qu'il y a de toute façon pour rendre les icônes géniales de police imprimer en couleur? Peut-être via CSS avec @media print {}?
Edit: En outre, je me développe à Firefox.
3 Réponses :
Je viens de rassembler un simple exemple HTML à l'aide de Font-génial et il semble fonctionner correctement en Chrome et Firefox pour moi. Je vois l'icône en rouge à l'écran et elle imprime également en rouge sans autre action. Cela dit, la création d'un support séparé CSS est une bonne idée si votre page HTML le justifie, car elle peut fournir une meilleure expérience utilisateur (la vue à l'écran n'est pas toujours idéale pour l'impression).
Êtes-vous sûr de ne pas avoir de paramètre d'imprimante modifié pour ne pas imprimer en couleur? L'imprimante est-elle hors de cette couleur et redevient donc simplement en noir? L'avez-vous essayé dans un autre navigateur (chrome, safari, opéra, c'est-à-dire)? P>
Voici le code simple que j'ai utilisé pour tester: p>
p>
<html>
<head>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<title>Fontawesome Test</title>
<style type="text/css">
.fa { color:red; }
</style>
</head>
<body>
<i class="fa fa-camera-retro"> Testing color</i> fa-camera-retro
</body>
</html>Si vous utilisez Bootstrap, vous devez modifier son CSS car il spécifie la couleur noire pour "@Media Imprimer"
Merci. Oui, j'utilise Bootstrap. J'aurais dû dire que dans ma question. Merci de votre aide!
Il y a sûrement un moyen de le faire sans modifier de bootstrap?
Il s'avère que l'élément que vous avez réellement besoin de couleur n'est pas le i lui-même mais son : avant élément. Ainsi: