Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Custom Font Not Showing Up In Mobile


Illuminary

Question

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! 

Link to comment
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

2 answers to this question

Recommended Posts

  • 0

It looks like you solved with this code?

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
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

theilluminary.co-01-min.png

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

https://www.theilluminary.co/booking

theilluminary.co-02-min.png

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

https://www.theilluminary.co/

theilluminary.co-03-min.png

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

https://www.theilluminary.co/

theilluminary.co-04-min.png

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

https://www.theilluminary.co/about

theilluminary.co-05-min.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...