[DesignSoFineParticipant]

Hi, Is it possible to add custom fonts that aren’t apart of the available selection. My client’s corporate identity uses the Fonts – Vani / Copperplate Gothic Bold / Venetian301 Bd BT itallic.

Is this a possibility?

http://www.rottcher.com/

[Rue NelModerator]

Hello There,

Thanks for writing in!

Yes, you can add a custom font and use it anywhere in your site. Please follow on this topics to get the most detailed explanation how to do it.
https://community.theme.co/forums/topic/how-do-i-add-my-own-font-and-use-everywhere/#post-56415
https://community.theme.co/forums/topic/adding-custom-font-to-theme-customizer/#post-184533

Let us know if this has been helpful to you.

[DesignSoFineParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi,

Upon checking, it looks like you have not uploaded your font files in wp-contents/fonts directory

If you check this url http://rottcher.com/public_html/wp-content/fonts/coprgtb-webfont.eot, it’s returning a 404 not found which means the file does not exist.

Please create fonts folder in wp-content/ and upload your font files into that directory.

It’s in step 2 in the instructions provided here

Hope that helps.

[DesignSoFineParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi,

You can upload your screenshot on this site then share to us the link to your image.

Would you mind providing us with FTP login credentials so we can take a closer look? To do this, you can make a post with the following info:

– FTP Host
– FTP username
– FTP password

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

At the mean time, please remove public_html in your url. It should only be

http://rottcher.com/wp-content/fonts/coprgtb-webfont.eot

Your code should look like this

      @font-face {
    font-family: 'copperplate_gothic_boldRg';
    src: url('http://rottcher.com/wp-content/fonts/coprgtb-webfont.eot');
    src: url('http://rottcher.com/wp-content/fonts/coprgtb-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://rottcher.com/wp-content/fonts/coprgtb-webfont.woff2') format('woff2'),
         url('http://rottcher.com/wp-content/fonts/coprgtb-webfont.woff') format('woff'),
         url('http://rottcher.com/wp-content/fonts/coprgtb-webfont.ttf') format('truetype'),
         url('http://rottcher.com/wp-content/fonts/coprgtb-webfont.svg#copperplate_gothic_boldRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1, h2, h3, h4, h5, h6, #site-logo, .post-title, .widgettitle {
    font-family: "copperplate_gothic_boldRg";
}    

Thanks

[DesignSoFineParticipant]

This reply has been marked as private.

[John EzraMember]

Hi there,

Thanks for updating the thread! Your font is loading correctly on our end. If you go to your portfolio page, you will see the heading and the post titles are all using your font. On the home page, the titles aren’t being affected as they have a more specific selector. This is true for any element that has a more specific class added to it.

If you add the following CSS to what you already have, then you will see the titles change.

h2.h-custom-headline.resp-h-timeline.h2 {
    font-family: "copperplate_gothic_boldRg";
}

If you can’t find the selector, kindly point out the elements you would like to change and we’ll try to assist you.

Hope this helps – thanks!

[Author]

Posts