Public Ticket #1342333
Custom Font


  • tamererian started the conversation

    Hi, how can i add a custom font to the theme? The webfonts are all uploaded to the host, i just need to apply it to the theme.



  •  113
    Cuong replied

    Hi Tamer,

    I apologize for the delay on your response. We've just came back from the vacation.

    The option for using a custom font for the theme is now not available but in the next version we'll add this option. But here're few steps you can follow:

    1. Include you custom font by CSS. Let follow this guide to add code to Customize > Additional CSS.

    2. Apply CSS to your selectors. The selector for heading is:

    .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a, .woocommerce .widget_layered_nav ul li span, .woocommerce span.onsale, .woocommerce ul.products li.product .onsale, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce a.added_to_cart, .woocommerce nav.woocommerce-pagination ul, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong[itemprop="author"], .woocommerce table.shop_table th, .woocommerce table.shop_table td.product-name a, .woocommerce-MyAccount-navigation ul a, h1, h2, h3, h4, h5, h6, th, input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, button, input[type="button"], input[type="reset"], input[type="submit"], .dine-btn, .dine-nice-select a, .text-logo, #navbar, .header-cta a, .entry-meta, a.more-link, .entry-tags, .dine-pagination, .page-links, .comment-meta .comment-author .fn, .reply, #respond p label, .widget_archive ul a:not(.url), .widget_categories ul a:not(.url), .widget_nav_menu ul a:not(.url), .widget_meta ul a:not(.url), .widget_pages ul a:not(.url), .widget_recent_entries ul a:not(.url), .widget_recent_comments ul a:not(.url), .widget_product_categories ul a:not(.url), .widget_layered_nav ul a:not(.url), .tagcloud, #footernav, #scrollup, #offcanvas .topbar-text, .offcanvas-nav .menu > ul, .counter-number, .dine-list, .menu-item-price, #ui-datepicker-div .ui-widget-header, .vc_progress_bar .vc_single_bar .vc_label

    And the selector for the body text is

    body, button, input, select, textarea

    The selector for the navigation is:



    If you're not familiar with using custom font and CSS, let wait for the next version. You can just upload the font and the theme does the rest.

    Kind Regards,

    Cuong Tran

    Wordpress lover. My Profile