How to install a new font

  • Resolved alederodesign

    (@alederodesign)


    8 years, 5 months ago

    Hello,
    i have create a new folder in the MESODARK ( i’m using mesodark) child theme called FONTS with all custom form fonts i have created with Font Squirrel.

    Then i added this code in the style.css file of the Mesodark folder:

    @font-face {
    font-family: ‘vollkornbold’;
    src: url(‘vollkorn-bold-webfont.woff2’) format(‘woff2’),
    url(‘vollkorn-bold-webfont.woff’) format(‘woff’);
    font-weight: normal;
    font-style: normal;

    }

    @font-face {
    font-family: ‘vollkornsemibold_italic’;
    src: url(‘vollkorn-semibolditalic-webfont.woff2’) format(‘woff2’),
    url(‘vollkorn-semibolditalic-webfont.woff’) format(‘woff’);
    font-weight: normal;
    font-style: normal;

    }
    and then i added font-family: ‘vollkornsemibold_italic’!important; in my custom style

    Is that correct? I guess it’s not since the font i wanted to changed didn’t changed
    Where i have been wrong?

    Thank you

Viewing 2 replies - 1 through 2 (of 2 total)
  • Sam

    (@soumendra)

    Hello,

    You need to Download the font and upload it in your theme.

    [ Moderator note: link redacted, please do not send people to your site that way. ]

    Hope that helps.

    Thank you.

    Theme Author Richie KS

    (@rkcorp)

    should be

    src: url(‘fonts/vollkorn-bold-webfont.woff2’) format(‘woff2’),
    url(‘fonts/vollkorn-bold-webfont.woff’) format(‘woff’);

    need the correct path

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to install a new font’ is closed to new replies.