Jump to content

how to print text_shadow


khadem1386

Recommended Posts

hello

(please run and test this simple code for real printing (pdf or paper))

text-shadow don't work properly on new version

 

When I use text-shadow or box-shadow on blured case

 

it don't printed and show only simple text without any shadow

<!DOCTYPE html><html><head><style>h1 {text-shadow:2px 2px 5px #FF0000;}</style></head><body><h1>Text-shadow effect</h1></body></html>

It show on FF print priveiw BUT NOT on real print (like PDF, or real paper)

 

this problem is for last version

and for example We can print css shadow on old version 3.5 of FIREFOX

but not on version 28.

 

 

On firefox

"blured css shadows" show on priview

but!

"blured css shadows" Ignored by Printers

 

Note:

on example on above I set "blur" to 5px

Edited by khadem1386
Link to comment
Share on other sites

Printers usually ignore a lot of styles to save ink. You can use a print stylesheet to make sure that your styles are kept:

<link rel="stylesheet" type="text/css" href="print.css" media="print">
Link to comment
Share on other sites

hi

Thanks for fast replay

 

I test your code and I make a print.css and fill all of my css code to it too

BUt it don't work .

 

I work with "print.css" for some other projects alrady when you set a css for printing it effect to "priveiw print" too.

 

but in this above case

On firefox

"blured css shadows" show on priview

but!

"blured css shadows" Ignored by Printers

 

 

Could you please test the above code.

are you can print a "css blured shadow" ?

 

like this code?

<!DOCTYPE html><html><head><style>h1 {text-shadow:2px 2px 5px #FF0000;}</style></head><body><h1>Text-shadow effect</h1></body></html>

thanks

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...