Google Fonts are not rendering on Google Chrome

Apparently it's a known Chrome bug. It seems like Chrome just needs to be told to repaint the text.

There's a css-only workaround that should solve the problem:

body {
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

or change text-rendering: auto; for the sepecific element style

Show title only when overflow is active

$('.mightOverflow').bind('mouseenter', function(){
  var $this = $(this);

  if(this.offsetWidth < this.scrollWidth && !$this.attr('title')){
    $this.attr('title', $this.text());
  }
});