Docs

[powrider686]

Hello,
I need to change all of the fonts on my page to the Papyrus font. I have downloaded the font. How can I install it into wordpress and x theme?

Thank you!

[powrider686]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! Please follow this example here at this URL (http://theme.co/x/member/forums/topic/how-do-i-add-my-own-font-and-use-everywhere/#post-56415).

Thanks!

[powrider686]

Hi,
Thanks for the link.

It would be great if you guys could make a generic walkthrough, because it can be quite confusing to parse out different sites, and the source code is different on different support threads.

Can you clarify if I have it right? And I’m not quite sure where to put the first css code. Is that within the style.css file accessed via ftp? Then I add the CSS for child theme into the global css box within the customizer correct?

Child Theme style.css

@font-face {
font-family: ‘PAPYRUS’;
src: url(‘http://moeinc.us/wp-content/themes/x-child/fonts/PAPYRUS.eot’) format(‘eot’);
url(‘http://moeinc.us/wp-content/themes/x-child/fonts/PAPYRUS.woff’) format(‘woff’),
url(‘http://moeinc.us/wp-content/themes/x-child/fonts/PAPYRUS.ttf’) format(‘truetype’),
url(‘http://moeinc.us/wp-content/themes/x-child/fonts/PAPYRUS.svg’) format(‘svg’);

Css for Child Theme

/* all links */
a {
font-family : ‘PAPYRUS’;
}

.x-topbar {
font-family : ‘PAPYRUS’;
}

.x-logobar {
font-family : ‘PAPYRUS’;
}

/* menu links */
.x-navbar ul li a{
font-family : ‘PAPYRUS’;
}

/* logo */
.x-brand {
font-family : ‘PAPYRUS’;
}

/* Main content */
.x-main {
font-family : ‘PAPYRUS’;
}

/* Sidebar */
.x-sidebar {
font-family : ‘PAPYRUS’;
}

/* Footer */
.x-colophon {
font-family : ‘PAPYRUS’;
}

Thank you!

[powrider686]

The only text that changed was the Page Title in the upper left of the page. All of the other text has remained the same.

Can you help?

[Christian]

Hey there,

You have a syntax error. The closing } is missing in @font-face. It should be

@font-face { 

/* CSS Code */ 

}

You should add the code in Appearance > Customize > Custom > Global CSS.

Thanks.

[powrider686]

Got it. Thanks for catching that and the help.

[Zeshan]

You’re welcome! 🙂

[Author]

Posts