adding a custom font to a theme

Re: adding a custom font to a theme

by Mary Evans -
Number of replies: 0
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

Hi Jan,

I have just downloaded Enlightlite thene and found it to be quite complicated whn it come to Fonts.

You need to look at other files in this theme.

The CSS for the fonts is different than most so that will need to be taken into account.

The files you need to look at are in the following location:

enlightlite/scss/enlightlite.scss

the sections related to fonts is from Line 50

$font_0: alegreyasansR;
$font_1: alegreyasansM;
$font_2: alegreyasansB;
$font_3: alegreyasansL;
$font_4: alegreyasansI;
$font_5: Arial;
$font_6: Helvetica;
$font_7: sans-serif;
$font_8: FontAwesome;
$font_9: fontawesome;
$fontwww: '/fonts/' !default;

and then lower down the page to Line 75 I think...

$url_0: url($fontwww+'alegreyasans-regular/alegreyasans-regular-webfont.eot');
$url_1: url($fontwww+'alegreyasans-regular/alegreyasans-regular-webfont.eot?#iefix');
$url_2: url($fontwww+'alegreyasans-regular/alegreyasans-regular-webfont.woff2');
$url_3: url($fontwww+'alegreyasans-regular/alegreyasans-regular-webfont.woff');
$url_4: url($fontwww+'alegreyasans-regular/alegreyasans-regular-webfont.ttf');
$url_5: url($fontwww+'alegreyasans-regular/alegreyasans-regular-webfont.svg#alegreya_sansregular');
$url_6: url($fontwww+'alegreyasans-medium/alegreyasans-medium-webfont.eot');
$url_7: url($fontwww+'alegreyasans-medium/alegreyasans-medium-webfont.eot?#iefix');
$url_8: url($fontwww+'alegreyasans-medium/alegreyasans-medium-webfont.woff2');
$url_9: url($fontwww+'alegreyasans-medium/alegreyasans-medium-webfont.woff');
$url_10: url($fontwww+'alegreyasans-medium/alegreyasans-medium-webfont.ttf');
$url_11: url($fontwww+'alegreyasans-medium/alegreyasans-medium-webfont.svg#alegreya_sansmedium');
$url_12: url($fontwww+'alegreyasans-bold/alegreyasans-bold-webfont.eot');
$url_13: url($fontwww+'alegreyasans-bold/alegreyasans-bold-webfont.eot?#iefix');
$url_14: url($fontwww+'alegreyasans-bold/alegreyasans-bold-webfont.woff2');
$url_15: url($fontwww+'alegreyasans-bold/alegreyasans-bold-webfont.woff');
$url_16: url($fontwww+'alegreyasans-bold/alegreyasans-bold-webfont.ttf');
$url_17: url($fontwww+'alegreyasans-bold/alegreyasans-bold-webfont.svg#alegreya_sansbold');
$url_18: url($fontwww+'alegreyasans-light/alegreyasans-light-webfont.eot');
$url_19: url($fontwww+'alegreyasans-light/alegreyasans-light-webfont.eot?#iefix');
$url_20: url($fontwww+'alegreyasans-light/alegreyasans-light-webfont.woff2');
$url_21: url($fontwww+'alegreyasans-light/alegreyasans-light-webfont.woff');
$url_22: url($fontwww+'alegreyasans-light/alegreyasans-light-webfont.ttf');
$url_23: url($fontwww+'alegreyasans-light/alegreyasans-light-webfont.svg#alegreya_sanslight');
$url_24: url($fontwww+'alegreyasans-italic/alegreyasans-italic-webfont.eot');
$url_25: url($fontwww+'alegreyasans-italic/alegreyasans-italic-webfont.eot?#iefix');
$url_26: url($fontwww+'alegreyasans-italic/alegreyasans-italic-webfont.woff2');
$url_27: url($fontwww+'alegreyasans-italic/alegreyasans-italic-webfont.woff');
$url_28: url($fontwww+'alegreyasans-italic/alegreyasans-italic-webfont.ttf');
$url_29: url($fontwww+'alegreyasans-italic/alegreyasans-italic-webfont.svg#alegreya_sansitalic');
$url_30: url([[pix:theme|bg-black-trans23]]);
$url_31: url([[pix:theme|ic-forward-img]]);
$url_32: url([[pix:theme|ic-backward-img]]);
$url_33: url([[pix:theme|bg-pattern02]]);
$url_34: url([[pix:theme|bg-pattern01]]);
$url_35: url([[pix:theme|bg-black-trans65]]);

These seem to be related to the settings for patterns etc.,

I can try and help you but I really think you would be better contacting the Company who made this theme!

Cheers

Mary

You will see that there is another font being used.