Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.

Okay
  Public Ticket #623476
Custom font
Closed

Comments

  • Dan started the conversation

    Hi there,

    how would you go about setting a custom font for this theme?

    Such as https://fortawesome.github.io/Font-Awesome/, I understand that you put the font into the theme font files, but how do you set it as the default font for the entire site through the custom css?

  •  1,845
    Elated replied

    Hello Dan,

    Note first: Font Awesome you gave us link to is already included within our theme, it\'s a icons font https://fortawesome.github.io/Font-Awesome/ and the call for it is included in your site\'s source head tag.

    When you use for example Icon element from Visual Composer to insert some icon on your site, you will see this font offered. http://screencast.com/t/MMzxhRpmk

    For refular text fonts: When you buy some custom font, you first need to upload those font files you receive to your server in wp-content/themes/tomasdaisy/assests/css/fonts, and then in Elated Options -> General -> Custom CSS to use @font-face rule to define and then to use this font

    @font-face {
    
        font-family: \'Your Custom Font\';
    
        src: url(\'fonts/webfont.eot\'); /* IE9 Compat Modes */
    
        src: url(\'fonts/webfont.eot?#iefix\') format(\'embedded-opentype\'), /* IE6-IE8 */
    
             url(\'fonts/webfont.woff\') format(\'woff\'), /* Modern Browsers */
    
             url(\'fonts/webfont.ttf\')  format(\'truetype\'), /* Safari, Android, iOS */
    
             url(\'fonts/webfont.svg#svgFontName\') format(\'svg\'); /* Legacy iOS */
    
    }

    something like this, just use your font name and the paths to your font files on your server!

    Then you can call it regularly with css in Custom CSS field (Elated Options -> General -> Custom CSS field) , for example:

    body, h1{font-family: \'Your Custom Font\', sens-serif !important;}


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.