Changing the font in my theme - help needed

My current theme is a clone of the barceloneta theme. I want to change the font. I have done it earlier with success. However, this time the change is not getting effected.
Steps

I upload the font to the theme
I change the file fonts.plone.less
I build the css in barceloneta.plone.less
Clear Cache

However, the change is not getting effected. I have also tried restarting the instance and also checking in different browser.

I am able to see the changes in the html mockup. But not in the theme. Even the theme preview, shows the new font.

If it is a 'googlefont', you could consider loading it with the URL you get from google, something like:

https://github.com/espenmn/medialog.bergensiana/blob/master/medialog/bergensiana/theme/index.html#L21

Issue Resolved. I had not made the necessary changes in the Typography section in the variables sheet.
Thanks.