How to change the font properly

I am trying to change the font to cardo:

https://www.fontsquirrel.com/fonts/cardo

what is the best way to do it? I have edited css files, however the font seems a little thicker than it should be. Also, I couldn’t manage to show italic style correctly. Italic texts appear in a totally wrong type.

Thanks!