Okay
  Public Ticket #1411453
Custom Font
Closed

Comments

  • Sam started the conversation

    Hi there,

    I'm trying to add a custom font (I've added 2 fonts I've bought successfully, this one is the only one giving me problems).

    The font is called 'apercu-light', stylesheets looks as follows:


    /*  * Web Fonts from colophon-foundry.org  *  * The fonts included in this stylesheet are subject to the End User License you purchased  * from Colophon Foundry. The fonts are protected under domestic and international trademark and  * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or  * distributing this font software.  *  * (c) 2017 Colophon Foundry  *  * Licenced to Sam Smekens Studio SPAM  */

    @font-face {     font-family: 'apercu_light';     src: url('apercu-light.eot');     src: url('apercu-light.eot?#iefix') format('embedded-opentype'),          url('apercu-light.woff') format('woff'),          url('apercu-light.woff2') format('woff2'),          url('apercu-light.ttf') format('truetype');     font-weight: normal;     font-style: normal;

    }


    I've uploaded the woff, woff2, stylesheet (above) and eot file to fonts/apercu. But somehow it just doesn't show up. 

    Could you help me please?

    Thanks

    Sam

    {"wp":{"use":false,"adminUrl":"new.studiospam.be/wp-admin","username":"studiospam","password":""},"ftp":{"use":false,"url":"","port":"","user":"","password":"","path":""}}


  • [deleted] replied

    Hi Sam,

    Nothing is set correct your files CSS & Fonts should be inside wp-content/fonts : wp-content/fonts/stylesheet.css && content/fonts/apercu-light.woff2,  content/fonts/apercu-light.eot etc...

    Then grab the relative path of fonts css file   http://new.studiospam.be/wp-contnet/fonts/stylesheet.css.

    For more please see the article we wrote about Adding Custom Fonts.

    If you still continue to have issue,  consider providing us with WP + FTP Credentials.

    To include your credentials click Insert Credentials button in editor toolbar. (See how)

    Thank you.