css - Trouble getting rotated text to render properly in print styles -


so have code h2 rotated

<h2>an internet marketing company</h2> 

here css both regular , print stylesheets

regular

.proposal .page.cover h2 {     color: #ddd;     white-space: nowrap;     transform: rotate(90deg);     transform-origin: left top 0;     text-transform: uppercase;     letter-spacing: 10px;     margin: 40px 0 0 20px; } 

print

.proposal .page.cover h2 {     color: #ddd !important; } 

so result on webpage correct looks http://gyazo.com/0e41e9e7762e1e15bfc3a6d26e1c1c1a

the problem occurs when try print pdf http://gyazo.com/a3d9b58b98f08cc81dd312ec4a7afa27

there seems black outline gunk going around text. know how fix this?


Comments

Popular posts from this blog

how to do line continuation in perl debugger for entering raw multi-line text (EOT)? -

javascript - Create websocket without connecting -

sharepoint - Accessing files across a shared directory using a Windows service -