Home Forums Art WordPress Theme How to install font (physical copy)

This topic contains 4 replies, has 2 voices, and was last updated by  BWSM 4 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #13699


    Hi, I have purchased an web font as part off branding fonts. It’s a file that isn’t cloud based. How can I install it on the theme?

    Please advise.

    Thank you



    This reply has been marked as private.


    please send this post url and site FTP account / wp-admin(url/user/pass) via
    my profile contact form (you need login on ThemeForest), I’ll log in to check it.



    The Art theme only supports Google fonts now, if you want to use your own font files. I wrote a simple guide

    You need define the font by CSS:

    Step 1. Please upload the font files(like: otf, woff2, maybe there are other format…) to your web site space by FTP

    Step 2. Define the font by CSS @font-face, you can write the css-code into “Appearance > Customize : Additional CSS” or CSS file of child theme, the CSS code is a sample, you can refer your font Doc(if it has).

    @font-face {
        font-family: TheFontName; font-weight: normal; font-style: normal; 
        src: url('http://yoursite.com/styles/fonts/TheFontName.woff') format('woff'),url('styles/fonts/Inconsolata-Regular.ttf') format('truetype');

    Step 3. Assign the fonts by css:

    /* Heading font */
    body.single .title-wrap-tit,.title-wrap-h1, .archive-grid-item-tit,.title-wrap-meta-a,.archive-grid-item-meta-item,h1,h2,h3,h4,h5,h6,product-caption-title {font-family: 'TheFontName';}

    /* Body text */
    body {font-family: 'TheFontName';}

    /* Menu */
    .navi-trigger-text, #navi-header a,.header-bar-social .socialmeida-a,.head-meta .languages-shortname,.ux-justified-menu a, #navi a {font-family: 'TheFontName';}


    TIPS: If you use the default font like “Arial”, please ignore step1-2, assign the fonts as step3 like:
    body { font-family: arial, helvetica, sans-serif; }

    Common safe system fonts:
    Arial => font-family: arial, helvetica, sans-serif;
    Helvetica => font-family: helvetica, sans-serif;
    Times => font-family: “Times Roman”, times, serif;
    Times New Roman =>font-family:”Times New Roman”, “Times Roman”, TimesNR, times, serif;

    • This reply was modified 2 months, 1 week ago by  BWSM.
    • This reply was modified 2 months, 1 week ago by  BWSM.
Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.