Smooth Font Using CSS3

html, html a {
    -webkit-font-smoothing: antialiased !important;
html, html a {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
html, html a {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);

rollover image style

<img src=”<?php echo get_template_directory_uri(); ?>/images/image1.png”  onmouseover=”this.src='<?php echo get_template_directory_uri(); ?>/images/image1_hover.png'” onmouseout=”this.src='<?php echo get_template_directory_uri(); ?>/images/image1.png'”  title=”” alt=”Bucher Logo” />

Responsive Meta Tag !

Meta Tag

Most mobile browsers scale HTML pages to a wide viewport width so it fits on the screen. You can use the viewport meta tag to reset this. The viewport tag below tells the browser to use the device width as the viewport width and disable the initial scale. Include this meta tag in the <head>.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Internet Explorer 8 or older doesn’t support media query. You can use media-queries.jsor respond.js to add media query support in IE.

<!--[if lt IE 9]>
	<script src=""></script>

Meta tag for Mobile site

To ensure proper rendering and touch zooming, add the viewport meta tag to your

<meta name="viewport" content="width=device-width, initial-scale=1">

You can disable zooming capabilities on mobile devices by adding user-scalable=no to the viewport meta tag. This disables zooming, meaning users are only able to scroll, and results in your site feeling a bit more like a native application. Overall, we don’t recommend this on every site, so use caution!

<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no”>