Problems with accented letters on website
Your Roboto 300 font has only latin glyphs. The latin extended subset is missing.
Your fonts get's loaded here:
<link rel="stylesheet" id="googlefonts_heading-css" href="http://fonts.googleapis.com/css?family=Roboto%3A300%2C400%2C400italic%2C700&ver=3.8.1" type="text/css" media="all">And should be loaded like:
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>Notice the get parameters subset=latin,latin-ext.
See: https://www.google.com/fonts#UsePlace:use/Collection:Roboto