JSFiddle - React, Tailwind, and code Playground

HTML

<div class="project-description">
							<h1 id="project-title-1">Project Title</h1>
							<h1>Project Year</h1>
</div>
	<div class="project-description">
							<h1 id="project-title-2">Project Title</h1>
							<h1>Project Year</h1>
</div>

CSS

.helvetica {
  font-family: Helvetica;
}

.times {
  font-family: Times, Times New Roman;
}

.Arial {
  font-family: Arial;
}

JavaScript

var fonts = ['arial', 'helvetica', 'times'];
var rand = fonts[Math.floor(Math.random() * fonts.length)];
console.log(rand);

var bodyElement = document.querySelectorAll("[id^='project-title']");
bodyElement.className = rand;