Okay
  Public Ticket #431108
Trouble Implementing Custom Font
Closed

Comments

  • Alfred started the conversation

    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


  •  8,849
    Tahir replied

    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 

  • Alfred replied

    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

  •  8,849
    Tahir replied

    Seems like you got it sorted.

    Cheers


    ThemeNectar Support Team