Yazı Harika Simgeler yalnızca Siyah olarak yazdırma

Yazı Tipi Başarısı simgeleri içeren bir sayfayı yazdırması gereken bir web sitesi geliştiriyorum. Sorun şu ki, yazdırmaya gittiğinizde, Yazı Tipi Başarısı simgeleri renkli yazdırılmayacaktır.Yazı Harika Simgeler yalnızca Siyah olarak yazdırma

Tarayıcıda renkli olarak görünürler, ancak sayfa yazdırıldığında simgeler kesintisiz siyahdır. Font Başar simgeleri renkli yazdırmak için zaten var mı? Belki de @media print {} ile CSS aracılığıyla?

DÜZENLEME: Ayrıca, firefox geliştiriyorum.

kaynak

2015-03-29 Wellspring

Gerçekten ihtiyacınız olan öğenin, i'un kendisi değil, :before öğesi olduğu ortaya çıkıyor. Bu nedenle:

<style type="text/css"> 
    .fa:before { color:red; } 
</style>

kaynak

2016-04-06 22:22:41 owensmartin

Sadece font-awesome'i kullanarak basit bir HTML örneğini bir araya getirdim ve Chrome ve Firefox'ta benim için iyi çalışıyor gibi görünüyor. Ekranı kırmızı ekranda görüyorum ve başka bir işlem yapmadan da kırmızı renkte basıyor. Bunu söyledikten sonra, daha iyi bir kullanıcı deneyimi sunabileceğinden (sayfanın görünümü her zaman baskı için ideal değildir), ayrı bir medya CSS'si oluşturmak, HTML sayfanızın bunu garanti etmesi durumunda iyi bir fikirdir.

Renkli yazdırmayacak şekilde değiştirilmiş bir yazıcı ayarınız olmadığından emin misiniz? Yazıcı bu renkten çıkar ve varsayılan olarak sadece düz siyahlığa geri döner mi? Başka bir tarayıcıda (Chrome, Safari, Opera, IE) denediniz mi? İşte

ben testi için kullanılan basit bir koddur:

<html> 
 
\t <head> 
 
     <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> 
 
\t \t <title>Fontawesome Test</title> 
 
\t \t <style type="text/css"> 
 
\t \t \t .fa { color:red; } 
 
\t \t </style> \t 
 
\t </head> 
 

 
\t <body> 
 
\t \t <i class="fa fa-camera-retro"> Testing color</i> fa-camera-retro 
 
\t </body> 
 
</html>

kaynak

2015-04-07 23:00:00

Eğer öyle yana CSS düzenlemeniz gerekebilir önyükleme "@media print"

için siyah rengi belirtir kullanıyorsanız

kaynak

2015-05-13 15:17:26 Stan

Teşekkür ederiz. Evet, bootstrap kullanıyorum. Benim sorumu içinde söylemeliydim. Yardımın için teşekkürler! – Wellspring

Elbette, bootstrap değiştirmeden bunu yapmanın bir yolu var mı? – owensmartin

Yazı Harika Simgeler yalnızca Siyah olarak yazdırma

cevap

İlgili konular