Docs

[fullframenw]

Hello, I am looking to use four different fonts on my website for various applications. Two of the fonts, Antonio Light and Baskerville Italic are not offered through the X Theme. The other two, Lato and Open Sans are available.

For Antonio Light and Baskerville Italic I want to use the two as headers and sub headers. For Open Sans I want to use as body text. Essentially, I want to be able to use the fonts interchangeably.

Is there a way to do this? Perhaps some custom CSS and then a code to put into my style for each header/element indicating which font?

Thank you

[fullframenw]

This reply has been marked as private.

[fullframenw]

I will also note that I have downloaded both Antonio Light and Baskerville Italic as web fonts and have their files ready for upload to X Theme and/or Cornerstone, if need be.

[Rad]

Hi there,

Thanks for writing in.

Ah, what you need to do first is install your theme at your site. There are threads that can guide you the font installlation 🙂

For examples,

https://community.theme.co/forums/topic/how-do-i-add-my-own-font-and-use-everywhere/#post-56415
https://community.theme.co/forums/topic/custom-font-2/

The let us know when done, we’ll continue the styling for headlines 🙂

Thanks!

[fullframenw]

Hi! Wow all of those links were quite helpful. So far I have downloaded a child theme, created a fonts folder in my wp-content folder in file manager, added in the font files and added in the custom css from the link provided (with my updated fotn name and location of font) in the child theme. It didn’t seem to work though. Could I have missed something? But yes, that part is done, would love to continue the styling for headlines.

[fullframenw]

This reply has been marked as private.

[Rue Nel]

This reply has been marked as private.

[fullframenw]

I will be using both, Antonio Light and Baskerville Italic

[fullframenw]

I should also mention I have only imported the .ttf files onto my server font folder.

[fullframenw]

My child theme has baskerville italic.

[Jade]

Hi there,

Kindly provide us with your FTP details in a private response so that we can check this further.

Thank you.

[fullframenw]

This reply has been marked as private.

[Friech]

Hi There,

I’ve updated your @font-face declaration and you can use the font-family: 'baskerville-italic'; on your site now. See this page: http://www.fullframenw.com/?page_id=450&preview=true

The issue is you declared the other font format, even though you only have the .ttf file.

Hope it helps, Cheers!

[fullframenw]

Thank you, glad to know it’s working correctly! Now to the real question at hand: Is it possible to use two custom fonts in the same text box through Cornerstone?

I want to be able to use both fonts interchangeably on my homepage and on other cornerstone pages as well. Mostly as headers.

[fullframenw]

I’ve pasted in this code into my text box in cornerstone:

<p style="font-family: 'baskerville-italic', sans-serif !important;">

It works perfectly!

When I change the font-family to antonio-light (the other font I put in my file manager, I don’t see it change. Should I add another CSS code identical to the baskerville-italic code into my child theme and custom CSS to have it work properly?

[Author]

Posts