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
    Posts
  • #13699

    gustavochams
    Participant

    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

    #13702

    BWSM
    Keymaster
    #13781

    gustavochams
    Participant
    This reply has been marked as private.
    #13792

    BWSM
    Keymaster

    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.

    #14836

    BWSM
    Keymaster

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

    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.