Support » Theme: Customizr » How to use my own fonts with a child theme of Customizr

  • I try to change the police in a child theme of customizr, I have added a folder called font with the fonts I would like to use ans wrote in the style.css created in my child theme I put something like this :
    @font-face{
    font-family: ‘antoniobold’;
    src: url(‘fonts/antonio-bold-webfont.eot’);
    src: url(‘fonts/antonio-bold-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘fonts/antonio-bold-webfont.woff’) format(‘woff’),
    url(‘fonts/antonio-bold-webfont.ttf’) format(‘truetype’),
    url(‘fonts/antonio-bold-webfont.svg#antoniobold’) format(‘svg’);
    }
    @font-face{
    font-family: ‘antoniolight’;
    src: url(‘fonts/antonio-light-webfont.eot’);
    src: url(‘fonts/antonio-light-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘fonts/antonio-light-webfont.woff’) format(‘woff’),
    url(‘fonts/antonio-light-webfont.ttf’) format(‘truetype’),
    url(‘fonts/antonio-light-webfont.svg#antoniolight’) format(‘svg’);
    }
    @font-face{
    font-family: ‘antonioregular’;
    src: url(‘fonts/antonio-regular-webfont.eot’);
    src: url(‘fonts/antonio-regular-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘fonts/antonio-regular-webfont.woff’) format(‘woff’),
    url(‘fonts/antonio-regular-webfont.ttf’) format(‘truetype’),
    url(‘fonts/antonio-regular-webfont.svg#antonioregular’) format(‘svg’);
    }
    @font-face {
    font-family: ‘aleobold’;
    src: url(‘fonts/aleo-bold-webfont.eot’);
    src: url(‘fonts/aleo-bold-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘fonts/aleo-bold-webfont.woff2’) format(‘woff2’),
    url(‘fonts/aleo-bold-webfont.woff’) format(‘woff’),
    url(‘fonts/aleo-bold-webfont.ttf’) format(‘truetype’),
    url(‘fonts/aleo-bold-webfont.svg#aleobold’) format(‘svg’);
    font-weight: normal;
    font-style: normal;
    }
    @font-face {
    font-family: ‘aleoitalic’;
    src: url(‘fonts/aleo-italic-webfont.eot’);
    src: url(‘fonts/aleo-italic-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘fonts/aleo-italic-webfont.woff2’) format(‘woff2’),
    url(‘fonts/aleo-italic-webfont.woff’) format(‘woff’),
    url(‘fonts/aleo-italic-webfont.ttf’) format(‘truetype’),
    url(‘fonts/aleo-italic-webfont.svg#aleoitalic’) format(‘svg’);
    font-weight: normal;
    font-style: normal;
    }
    @font-face {
    font-family: ‘aleolight’;
    src: url(‘fonts/aleo-light-webfont.eot’);
    src: url(‘fonts/aleo-light-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘fonts/aleo-light-webfont.woff2’) format(‘woff2’),
    url(‘fonts/aleo-light-webfont.woff’) format(‘woff’),
    url(‘fonts/aleo-light-webfont.ttf’) format(‘truetype’),
    url(‘fonts/aleo-light-webfont.svg#aleolight’) format(‘svg’);
    font-weight: normal;
    font-style: normal;
    }
    @font-face {
    font-family: ‘aleoregular’;
    src: url(‘fonts/aleo-regular-webfont.eot’);
    src: url(‘fonts/aleo-regular-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘fonts/aleo-regular-webfont.woff2’) format(‘woff2’),
    url(‘fonts/aleo-regular-webfont.woff’) format(‘woff’),
    url(‘fonts/aleo-regular-webfont.ttf’) format(‘truetype’),
    url(‘fonts/aleo-regular-webfont.svg#aleoregular’) format(‘svg’);
    font-weight: normal;
    font-style: normal;
    }
    body, {
    font-style: ‘aleoregular’;
    font-size: 1, 5em;
    }
    .navbar .nav > li > a {
    font-style: ‘antoniobold’;
    font-size: 1,5em;
    }

    it seems this theme only use by default the fonts you choose in the sidebar for the customization. Is possible to use an other font ?

  • The topic ‘How to use my own fonts with a child theme of Customizr’ is closed to new replies.