How to Give a Title Tag a Color and Different Font

Can I give a title tag a color and different font?

Answer is NO you cannot do that in any way....you cannot apply any styles to page title, btw you can just blink the titles

Blinking Titles

More Info On CSS Which You Are Using:

If you are declaring something like this

title{ color: red; font: 12px tahoma;} 

You don't need to define any class as you are targeting specific title tag which is only 1 in your whole document

And if you are using .title than your CSS should be

.title{ color: red; font: 12px tahoma;} 

Can we set style to title tag in header

You can apply CSS to the <title> element, but not though the style attribute (since it is for "All elements but BASE, BASEFONT, HEAD, HTML, META, PARAM, SCRIPT, STYLE, TITLE").

I'm not aware of any browser that will apply CSS for the rendering of the title in browser tabs or title bars though.

You can, however, do something like:

head { display: block; }
title { display: block; font-size: 200%; font-weight: bold; }

How to apply style to the HTML title element?

No, there is no way set a style to this element, as it is controlled by the browser and the user. The only thing you can do to the title while viewing the page, is change it, but stay on the same page:

function changeTitle() {  document.title = "Title Changed!";  document.getElementById('test').innerHTML = "Title has been changed!";}

<button onclick="changeTitle()">Click Me!</button>
<p id="test"></p>
<p>View source to see the effect!</p>

<link rel="stylesheet" type="text/css" href="YourCSSFile.css" />

td{
   font-size: 18px;
   font-weight:normal;
   color:#f7f7f7; //this is a hex value representing a light grey
}