Home Forums Air WordPress Theme Using a different font

This topic contains 1 reply, has 2 voices, and was last updated by  BWSM 1 month, 1 week ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #14793


    I’m trying to use Futura Heavy font for my headings and body text.

    How do I do that? (The FAQ topic wasn’t clear enough for me).




    The Futura Heavy font is not form Google fonts, is it? You need define the font by css:

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

    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');

    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 {font-family: 'TheFontName';}

    /* Body text */
    body,.single-portfolio-fullscreen-slider .owl-dot.active{font-family: 'TheFontName';}

    Bwsm – uiueux.comTwitterFacebook

    • This reply was modified 1 month ago by  BWSM.
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.