Edit in JSFiddle

var value = $('#title').text();

var regex = /\s+/gi;
var wordCount = value.trim().split(regex).length;

$('#text2').html(wordCount);

if (wordCount == 2 ) {
	$('h1').addClass('_2');
}

if (wordCount == 6 ) {
	$('h1').addClass('_6');
}

if (wordCount == 10 ) {
	$('h1').addClass('_10');
}

if (wordCount == 14 ) {
	$('h1').addClass('_14');
}

if (wordCount == 18 ) {
	$('h1').addClass('_18');
}

<h1 class="title" id="title">Угол «ревю». Как менялся дизайн Авторевю за последние 30 лет, и почему логотип первого номера был синим, а </h1>

<p id="text2"></p>

h1 {
	font-family: Verdana;
	font-size: 30px;
	
	&._2 {
		font-size: 60px;
	}
	
	&._6 {
		font-size: 55px;
	}
	
	&._10 {
		font-size: 50px;
	}
	
	&._14 {
		font-size: 45px;
	}
	
	&._18 {
		font-size: 40px;
	}
}