[piexecParticipant]

On my site, http://brightwater.piexec.com/ the cursive font at the top looks different on desktop than it does on mobile (see attached).

How do I fix?

[ChristopherModerator]

Hi there,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[piexecParticipant]

This reply has been marked as private.

[ChristianModerator]

Hey there,

This is because the font setting falls back to the system’s default cursive font and operating systems differ in fonts.

You’re using the Yellowtail font in your Appearance > Customize > Custom > CSS

.x-topbar .p-info {
float: none;
 font-family: 'Yellowtail', cursive;
  font-size: 30px;
}

And, the Yellowtail font is not loaded or selected in any Typography setting. Please select it. Also, please update X and Cornerstone.

Thanks.

[piexecParticipant]

How do I load that font? Use the Custom JS section under Customize?

[Rue NelModerator]

Hello There,

Before you can use the Yellow tail Google font, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@import url(https://fonts.googleapis.com/css?family=Yellowtail);

For more details how you can use the Google Fonts in your site, please check it out here:
https://www.google.com/fonts#UsePlace:use

Hope this helps.

[piexecParticipant]

No matter where I put this code, this font does not render on my mobile device, or some other browsers. Can you please login and take a look at what I’m doing wrong. Please.

Thanks!

[JadeModerator]

Hi there,

I have changed the custom JS in the customizer to import the font correctly.

It should be fixed by now. Kindly double check.

[piexecParticipant]

Thanks. for future reference, and so I don’t have to ask again, what did I do wrong?

[FriechModerator]

Hi There,

This @import url(https://fonts.googleapis.com/css?family=Yellowtail); does not work on Custom CSS on Customizer anymore. If you want to use that line or any @import line add it on top of your child theme’s style.css file.

But Jade did not use that method she use the JavaScript instead, You can see that on your Customizer > Global JavaScript.

Hope it helps, Cheers!

[Author]

Posts