[spakpoyParticipant]

Hi,
I’d like to change the font in essential grid. I’ve managed to change the font of the content to Nexa by modifying the CCS styles in essential grid. However I can’t work out how to change the font of the title. Hope you can help.
Thanks in advance,
Susan

[spakpoyParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

Thanks for writing in.

The fonts are still set as Railway. And you don’t have any Nexa font, you’ll have to setup your custom font. It maybe working on your end since the font is already installed on your machine, but not on our end.

Please check this https://community.theme.co/forums/topic/adding-fonts/

In your child theme, you have these

http://afishonfriday.com/site-new/wp-content/themes/x-child/style.css?ver=4.4.2

@font-face {
  font-family: 'MyWebFont';
  src: url('http://www.afishonfriday.com/site-new/webfonts/Nexa.eot');
  src: url('http://www.afishonfriday.com/site-new/webfonts/Nexa.eot?#iefix') format('embedded-opentype'),
       url('http://www.afishonfriday.com/site-new/webfonts/Nexa.woff') format('woff'),
       url('http://www.afishonfriday.com/site-new/webfonts/Nexa.ttf')  format('truetype'),
       url('http://www.afishonfriday.com/site-new/webfonts/Nexa.svg#svgFontName') format('svg');
}

But, those font files doesn’t exist, you should upload them on your site. And you should change this line,

font-family: 'MyWebFont';

to this

font-family: 'Nexa';

Hope this helps.

[spakpoyParticipant]

Hi, thanks very much for getting back to me so quickly. I think I’ve installed my font correctly now using the Webkit that the font foundry supplied. However I still can’t manage to change the typeface of the title in essential grid. Would you mind having a look again.
Thanks

[RupokMember]

Hi there,

I can see you have added the below CSS :

.eg-jason-rebellis-element-0 {
  font-family: "Nexa-Thin" !important;
}

The CSS above was added correctly to your site.

But I don’t think you have added the fonts correctly since your Child Theme’s CSS doesn’t show any correct path to the original font files like mentioned by Rad above. I am not sure what you have followed to setup the fonts but I think it’s not correct and you can follow this to setup custom fonts correctly – https://community.theme.co/forums/topic/adding-fonts/

Hope this makes sense.

[spakpoyParticipant]

Hi,
I’ve tried to install the fonts as directed in the links you provided, but I still can’t get them working. Could you please look again and see if you can see what I’m doing wrong.
Thanks very much,
susan

[JadeModerator]

Hi Susan,

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
– FTP credentials

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

[spakpoyParticipant]

This reply has been marked as private.

[JadeModerator]

Hi Susan,

I have added a separate code below the what is already in the style.css file and made some changes.

You should be able to use the font on the site now but kindly make sure you are using the correct CSS selector for an element for the font to take effect on the site.

Hope this helps.

[spakpoyParticipant]

Thanks very much Jade… it’s working now. Fabulous!

[LelyModerator]

You’re welcome!

Cheers!

[Author]

Posts