Google fonts problem with turkish characters

Hello There,

I would like to use a google font which alreay has Turkish characters. Everything is ok but two of Turkish characters (ğ and &#351 looks odd. Here are the codes:

in html file:

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="Your description goes here" />
<meta name="keywords" content="your,keywords,goes,here" />
<meta name="author" content="Your Name" />
<link href='...(forumdon'tletmeshowadress)...=Capriola' rel='stylesheet' type='text/css' />
<link rel="stylesheet" type="text/css" media="all" href="inland.css" />

in css file:

h1,h2,h3,h4{clear:left;color:#5c5a5a;font-weight:400;margin:0.7em 0;font-family:'Capriola'}

Can someone show me what the problem is?

Thank you.