calin-beard
11/13/2017 - 4:29 PM

Custom fonts code

Custom fonts code

<!-- START code for custom fonts -->
<style>
    @font-face {
        font-family: 'FontName';
        src: url('http://mydomain.com/fonts/FontName.woff') format('woff'),
            url(‘http://mydomain.com/fonts/FontName.eot’),
            url('http://mydomain.com/fonts/FontName.ttf') format('truetype'),
            url('http://mydomain.com/fonts/FontName.svg') format('svg');
    }
    /* ------- This code will update all the text, paragraphs on the page with your chosen font ------- */
    
    .page-element .btn,
    .page-element .contents,
    .page-element.widget-form form,
    .page-element.widget-form form input,
    .page-element.widget-form form textarea,
    .page-element.widget-form form select,
    .page-element.widget-form form label {
        font-family: 'FontName' !important;
    }
    /* ------- This code will update all the heading fonts, h1-h6------- */
    
    .page-element.widget-headline .contents h1,
    .page-element.widget-headline .contents h2,
    .page-element.widget-headline .contents h3,
    .page-element.widget-headline .contents h4,
    .page-element.widget-headline .contents h5,
    .page-element.widget-headline .contents h6 {
        font-family: 'FontName' !important;
    }
</style>
<!-- END code for custom fonts -->
<FilesMatch "\.(ttf|ttc|otf|eot|woff)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
    </IfModule>
</FilesMatch>