I'm not very knowledgable about CSS, but I've been trying to upload my own custom font to my Wordpress site, and have no idea why it won't work! I have uploaded it via FTP into the Salient folder:
You\'re going to have to use css font-face to load the font in and assign it - you can actually see an example of this near the top of the style.css stylesheet in the theme (where open sans is loaded). Here\'s an in depth tutorial to explain it as well :)
Thanks for the reply. I moved my @font-face code from the Custom CSS area to the top of the style.css stylesheet, above where open sans is loaded. I even changed the source files of open sans semi bold and bold to my font\'s source files, to make sure that even if somewhere in the css it loads open sans, it displays my font instead.
But still nothing! The font is still not showing up. I\'ve followed the tutorial you linked word for word.
Hi!
I'm not very knowledgable about CSS, but I've been trying to upload my own custom font to my Wordpress site, and have no idea why it won't work! I have uploaded it via FTP into the Salient folder:
public_html/wp-content/themes/salient/GoingPostalFont
I then mentioned it in the Custom CSS part of Salient's General Settings:
@font-face {
font-family: 'goingpostalmedium';
src: url('public_html/wp-content/themes/salient/GoingPostalFont/goingpostal-webfont.eot');
src: url('public_html/wp-content/themes/salient/GoingPostalFont/goingpostal-webfont.eot?#iefix') format('embedded-opentype'),
url('public_html/wp-content/themes/salient/GoingPostalFont/goingpostal-webfont.woff2') format('woff2'),
url('public_html/wp-content/themes/salient/GoingPostalFont/goingpostal-webfont.woff') format('woff'),
url('public_html/wp-content/themes/salient/GoingPostalFont/goingpostal-webfont.ttf') format('truetype'),
url('public_html/wp-content/themes/salient/GoingPostalFont/goingpostal-webfont.svg#goingpostalmedium') format('svg');
font-weight: normal;
font-style: normal;
}
I then went into style.css in the Editor and changed this section:
h1,h2,h3,h4,h5,h6 {
color: #444;
letter-spacing: -0.5px;
font-weight: normal;
-webkit-font-smoothing: antialiased;
font-family: 'goingpostalmedium';
I want this font to be used for all headers. Is there a step that I am missing?
Thanks!
Alfred
Hey ,
You\'re going to have to use css font-face to load the font in and assign it - you can actually see an example of this near the top of the style.css stylesheet in the theme (where open sans is loaded). Here\'s an in depth tutorial to explain it as well :)
http://zoerooney.com/blog/tutorials/installing-web-fonts-start-to-finish/
Cheers
ThemeNectar Support Team
Hi Tahir,
Thanks for the reply. I moved my @font-face code from the Custom CSS area to the top of the style.css stylesheet, above where open sans is loaded. I even changed the source files of open sans semi bold and bold to my font\'s source files, to make sure that even if somewhere in the css it loads open sans, it displays my font instead.
But still nothing! The font is still not showing up. I\'ve followed the tutorial you linked word for word.
Thanks
Seems like you got it sorted.
Cheers
ThemeNectar Support Team