Adding CSS code to Site Title - using custom font desktop okay - but not Mobile

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

I have used the following code to customise my site title - but it's not working on mobile - okay on desktop:

@font-face {

    font-family: 'limited edition';

       src: url('https://static1.squarespace.com/static/62c688e2cc472d1f12de8886/t/62d23b12dd30f9676a693525/1657944851879/Limited+Edition.ttf');

  }

.header-title-text {font-family: 'limited edition';}

I see you are using an Logo Image, not text?