Font not loading correctly unless I refresh the page

Question

I am using the Caveat font for my headers on a page, however the Caveat font only shows up after I refresh the page.

.title {
  font-family: \'Caveat\' !impor