Custom Font Not Showing Up In Mobile

Site URL: http://theilluminary.co

Hi There!

I'm having trouble getting my custom font to show up in mobile.

I got it to update on the main site title. But not in mobile.

Here's what I have in CSS so far...

//add custom font//
@font-face {

    font-family: 'Tan-Nightingale';

       src: url('https://static1.squarespace.com/static/60453e60133ffa41758ede17/t/60e801db97884458c9a321d3/1625817563924/TAN+-+NIGHTINGALE.otf');

//implement font//

}
.header-title-text {
  
  font-family: 'Tan-Nightingale';
}

Thanks so much for your help! 

It looks like you solved with this code?

a#site-title {
    font-family: 'Tan-Nightingale';
    font-size: 25px;
}

On 7/9/2021 at 3:45 PM, Illuminary said:

Site URL: http://theilluminary.co

Hi There!

I'm having trouble getting my custom font to show up in mobile.

I got it to update on the main site title. But not in mobile.

Here's what I have in CSS so far...

//add custom font//
@font-face {

    font-family: 'Tan-Nightingale';

       src: url('https://static1.squarespace.com/static/60453e60133ffa41758ede17/t/60e801db97884458c9a321d3/1625817563924/TAN+-+NIGHTINGALE.otf');

//implement font//

}
.header-title-text {
  
  font-family: 'Tan-Nightingale';
}

Thanks so much for your help! 

Hi. Do you want to fix this?

Site URL – https://www.theilluminary.co/

1. (Desktop – About) Text not aligned with each other.

https://www.theilluminary.co/about

2. (Mobile – Booking) On desktop, when clicking More time will display the calendar. On Mobile, it doesn’t work.

https://www.theilluminary.co/booking

3. (Tablet – Homepage) The dot is cut off to the next line.

https://www.theilluminary.co/

4. (Desktop – Footer) Footer is skewed to the left.

https://www.theilluminary.co/

5. (Tablet – About) The width of the text is a bit small. Text is cut to the next line.

https://www.theilluminary.co/about