Adding Custom Font to Site Title in Avenue Template

Site URL: https://www.maisieplew.com/

I have been trying endlessly to change the font of my Site Title in avenue to a OTF font I uploaded. I figured out how to add the new font to my project titles but cannot get the site title to work. Please comment if you know how and can help! Here is what I tried so far but without success: (I used the same method for the project titles so I think I am calling the site title wrong some how)

@font-face{
 font-family: 'BodoniAnt-Lig';
 src:local('BodoniAnt-Lig'), url(https://static1.squarespace.com/static/5bd7e8aaa09a7e18207a2153/t/5e83d1017e8c94455326ad38/1585697025249/BodoniAnt-Lig.otf);
}
.site-title {
  font-family: 'BodoniAnt-Lig' !important;
}

Edit to. REplace with your font url

@font-face {
  font-family: tuanphan;
  src: url(https://static1.squarespace.com/static/5d2b34d977f80900014edb0d/t/5e3f7cb899dd6e23d8b1e836/1581219002767/nexa-regular.otf);
}
h1.logo a {
    font-family: tuanphan;
}