Change an image to text via CSS for printing?

.nodisplay
{
    display: none;
}

@media print {
    * {
    	background-color: white !important;
    	background-image: none !important;
    }
    .noprint
    {
    	display: none;
    }
}

<div class="noprint">

</div>

<img src="logo.png" class="noprint" ...>
<h1 class="nodisplay">Text Logo</h1>

h1#logo a, h1#home-logo{
    text-indent: 0 !important;
    background-image: none !important;
    font-size: 1.2em !important;
    display: block !important;
    height: 1em !important;
    width: 100% !important;
    text-decoration: none !important;
    color: black !important;
}

img:after{content: attr(alt);}