Home Forums Arnold WordPress Theme Change to my own font

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #22241
    ignacioaroche
    Participant
    Purchased
    Expired

    Is it possible to upload my font and use it in the site?

    I couldn’t find any option. There was only the Google Font option installed if I’m not mistaken.

    Regards.

    #22252
    SeaTheme
    Keymaster
    Purchased
    Expired
    #22300
    ignacioaroche
    Participant
    Purchased
    Expired

    So, everything seem to work fine following the guide but the font didn’t change in:
    Menu – https://www.morfema.mx/
    Titles – https://www.morfema.mx/blog/

    Any ideas?

    Regards!!

    #22306
    SeaTheme
    Keymaster
    Purchased
    Expired

    hi,

    Please update all custom font CSS as:

    @font-face { font-family: 'Aventa'; font-weight: bold; font-style: normal; 
    src: url('//www.morfema.mx/resources/webfonts/Aventa-Bold/font.woff2') format('woff2'),url('//www.morfema.mx/resources/webfonts/Aventa-Bold/font.woff') format('woff'); 
    }
    @font-face {
    font-family: 'Aventa'; font-weight: bold; font-style: italic; 
    src: url('//www.morfema.mx/resources/webfonts/Aventa-BoldItalic/font.woff2') format('woff2'),url('//www.morfema.mx/resources/webfonts/Aventa-BoldItalic/font.woff') format('woff'); 
    }
    @font-face {
    font-family: 'Aventa'; font-weight: normal; font-style: italic; 
    src: url('//www.morfema.mx/resources/webfonts/Aventa-Italic/font.woff2') format('woff2'),url('//www.morfema.mx/resources/webfonts/Aventa-Italic/font.woff) format('woff'); 
    }
    @font-face {
    font-family: 'Aventa'; font-weight: light; font-style: normal; 
    src: url('//www.morfema.mx/resources/webfonts/Aventa-Light/font.woff2') format('woff2'),url('//www.morfema.mx/resources/webfonts/Aventa-Light/font.woff) format('woff'); 
    }
    @font-face {
    font-family: 'Aventa'; font-weight: light; font-style: italic; src: url('//www.morfema.mx/resources/webfonts/Aventa-LightItalic/font.woff2') format('woff2'),url('//www.morfema.mx/resources/webfonts/Aventa-LightItalic/font.woff) format('woff'); 
    }
    @font-face {
    font-family: 'Aventa'; font-weight: medium; font-style: normal; src: url('//www.morfema.mx/resources/webfonts/Aventa-Medium/font.woff2') format('woff2'),url('//www.morfema.mx/resources/webfonts/Aventa-Medium/font.woff) format('woff'); 
    }
    @font-face {
    font-family: 'Aventa'; font-weight: medium; font-style: normal; src: url('//www.morfema.mx/resources/webfonts/Aventa-MediumItalic/font.woff2') format('woff2'),url('//www.morfema.mx/resources/webfonts/Aventa-MediumItalic/font.woff) format('woff'); 
    }
    @font-face {
    font-family: 'Aventa'; font-weight: normal; font-style: normal; src: url('//www.morfema.mx/resources/webfonts/Aventa-Regular/font.woff2') format('woff2'),url('//www.morfema.mx/resources/webfonts/Aventa-Regular/font.woff) format('woff'); 
    } 
    /* 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: 'Aventa';} /* Body text */ body {font-family: 'Aventa';} 
    /* Menu */ .navi-trigger-text, #navi-header a,.header-bar-social .socialmeida-a,.heade-meta .languages-shortname,#navi a {font-family: 'Aventa';}
    /*title in item*/.gird-blog-tit,.gird-blog-tit-a { font-family: 'Aventa';}
    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, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .text_block h1, .text_block h2, .text_block h3, .text_block h4, .text_block h5, .text_block h6, .ux-portfolio-template-intro h1, .ux-portfolio-template-intro h2, .ux-portfolio-template-intro h3, .ux-portfolio-template-intro h4, .ux-portfolio-template-intro h5, .ux-portfolio-template-intro h6, .slider-con-inn h1, .slider-con-inn h2, .slider-con-inn h3, .slider-con-inn h4, .slider-con-inn h5, .slider-con-inn h6, .infrographic-tit, .bignumber-item, .pagenums, .grid-item-tit, .product-caption-title, .bm-tab-slider-trigger-tilte, .gird-blog-tit, .blog-unit-quote, .blog-unit-link-li{ font-family: 'Aventa';}

    best

    #22308
    ignacioaroche
    Participant
    Purchased
    Expired

    Also, why wouldn’t it show in my mobile device?
    The new font won’t appear.

    #22312
    SeaTheme
    Keymaster
    Purchased
    Expired

    hi,

    Please update all custom font CSS as:

    @font-face { font-family: 'Aventa'; font-weight: bold; font-style: normal; 
    src: url('//www.morfema.mx/resources/webfonts/Aventa-Bold/font.woff2') format('woff2'),url('//www.morfema.mx/resources/webfonts/Aventa-Bold/font.woff') format('woff'); 
    }
    @font-face {
    font-family: 'Aventa'; font-weight: bold; font-style: italic; 
    src: url('//www.morfema.mx/resources/webfonts/Aventa-BoldItalic/font.woff2') format('woff2'),url('//www.morfema.mx/resources/webfonts/Aventa-BoldItalic/font.woff') format('woff'); 
    }
    @font-face {
    font-family: 'Aventa'; font-weight: normal; font-style: italic; 
    src: url('//www.morfema.mx/resources/webfonts/Aventa-Italic/font.woff2') format('woff2'),url('//www.morfema.mx/resources/webfonts/Aventa-Italic/font.woff) format('woff'); 
    }
    @font-face {
    font-family: 'Aventa'; font-weight: light; font-style: normal; 
    src: url('//www.morfema.mx/resources/webfonts/Aventa-Light/font.woff2') format('woff2'),url('//www.morfema.mx/resources/webfonts/Aventa-Light/font.woff) format('woff'); 
    }
    @font-face {
    font-family: 'Aventa'; font-weight: light; font-style: italic; src: url('//www.morfema.mx/resources/webfonts/Aventa-LightItalic/font.woff2') format('woff2'),url('//www.morfema.mx/resources/webfonts/Aventa-LightItalic/font.woff) format('woff'); 
    }
    @font-face {
    font-family: 'Aventa'; font-weight: medium; font-style: normal; src: url('//www.morfema.mx/resources/webfonts/Aventa-Medium/font.woff2') format('woff2'),url('//www.morfema.mx/resources/webfonts/Aventa-Medium/font.woff) format('woff'); 
    }
    @font-face {
    font-family: 'Aventa'; font-weight: medium; font-style: normal; src: url('//www.morfema.mx/resources/webfonts/Aventa-MediumItalic/font.woff2') format('woff2'),url('//www.morfema.mx/resources/webfonts/Aventa-MediumItalic/font.woff) format('woff'); 
    }
    @font-face {
    font-family: 'Aventa'; font-weight: normal; font-style: normal; src: url('//www.morfema.mx/resources/webfonts/Aventa-Regular/font.woff2') format('woff2'),url('//www.morfema.mx/resources/webfonts/Aventa-Regular/font.woff) format('woff'); 
    } 
    /* 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: 'Aventa';} /* Body text */ body {font-family: 'Aventa';} 
    /* Menu */ .navi-trigger-text, #navi-header a,.header-bar-social .socialmeida-a,.heade-meta .languages-shortname,#navi a {font-family: 'Aventa';}
    /*title in item*/.gird-blog-tit,.gird-blog-tit-a { font-family: 'Aventa';}
    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, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .text_block h1, .text_block h2, .text_block h3, .text_block h4, .text_block h5, .text_block h6, .ux-portfolio-template-intro h1, .ux-portfolio-template-intro h2, .ux-portfolio-template-intro h3, .ux-portfolio-template-intro h4, .ux-portfolio-template-intro h5, .ux-portfolio-template-intro h6, .slider-con-inn h1, .slider-con-inn h2, .slider-con-inn h3, .slider-con-inn h4, .slider-con-inn h5, .slider-con-inn h6, .infrographic-tit, .bignumber-item, .pagenums, .grid-item-tit, .product-caption-title, .bm-tab-slider-trigger-tilte, .gird-blog-tit, .blog-unit-quote, .blog-unit-link-li{ font-family: 'Aventa';}

    best

    #22340
    ignacioaroche
    Participant
    Purchased
    Expired

    Thanks! I did all of that in my CSS but in mobile devices the font won’t change. Should I do something else?

    #22345
    SeaTheme
    Keymaster
    Purchased
    Expired
    This reply has been marked as private.
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.