New font doesn’t display in mobile version of blog header

Hello @paulscottanderson,
Since your website is currently under maintenance mode, I can’t test the issue myself. But I would like to confirm how did you change the font for the blog header? Custom CSS or was there an option in your theme to change the font?

Usually as per my experience, I prefer to upload the font file on the server and use CSS3 font-face rule to call that font, this way the font works on any devices.

Hope that helps!

Ok, I’ve removed the maintenance mode. I don’t know how to do the other procedure you mentioned though. Thanks!

I can see the title font as ‘Lato’, sans-serif; Can you please tell me how did you changed the font for your blog header?

I changed it in Additional CSS in the Customizer:

.blog-title {
width: 100%;
text-align: center;
font-family: ‘Conthrax’, sans-serif;
}

So you see this font Conthrax is not a web-safe font which means this font is not installed on many other devices out there, and not visible to many. The best way to use your font is by following this link or by looking for CSS3 font-face rule: https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp
Since you already have some knowledge of CSS I’m sure you will able to figure this out too. Let me know if you need more help.

Oh, ok. I’ll take a look at that, thanks for your help!

Sure! Happy to be of any help!! ?? Goodluck!

Hi again,

Just one other question. I went through the procedure but can’t get it to work properly. I’m having trouble getting the right url to use for the font-face rule. How do you get it? Thanks!

Hello there,

Where did you upload your font? I usually create a new fonts directory inside public_html and upload my fonts there. And then I call the font via following
src: url(fonts/fontname.ttf);

I had put it inside the fonts folder within the theme folder via ftp. I can’t even find a public_html folder – ? The font file itself is conthrax-sb.ttf. Thanks!

if you have put it inside your themes folder then the url will be different. You need to understand how the URL works, for you it should be [wp-content/themes/yourtheme/fonts/yourfont.ttf]

P.S. public_html or www is the root directory of your website which contains all the WP files.When you write https://www.yourdomainname.com it loads the files from that directory. I hope I didn’t confuse you further. ??

It works now, thanks for your help!