instruction to use a custom font

[talent-o]

thank you mohammed,

now: this are the files loaded on the directory path you told me (see attached image)

where can i find the path of this files?

sorry if the question seems to be stupid, but i’m not familiar at all with these things…

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

@font-face {
font-family: 'letter_gothic_l_cymedium';
src: url('http://www.packagingspecialist.eu/blog/wp-content/themes/neighborhood/css/font/letter_gothic_l_cy_medium-webfont.eot');
src: url('http://www.packagingspecialist.eu/blog/wp-content/themes/neighborhood/css/font/letter_gothic_l_cy_medium-webfont.eot?#iefix') format('embedded-opentype'),
url('http://www.packagingspecialist.eu/blog/wp-content/themes/neighborhood/css/font/letter_gothic_l_cy_medium-webfont.woff2') format('woff2'),
url('http://www.packagingspecialist.eu/blog/wp-content/themes/neighborhood/css/font/letter_gothic_l_cy_medium-webfont.woff') format('woff'),
url('http://www.packagingspecialist.eu/blog/wp-content/themes/neighborhood/css/font/letter_gothic_l_cy_medium-webfont.ttf') format('truetype'),
url('http://www.packagingspecialist.eu/blog/wp-content/themes/neighborhood/css/font/letter_gothic_l_cy_medium-webfont.svg#letter_gothic_l_cymedium') format('svg');
font-weight: normal;
font-style: normal;

}

Thanks
Mohammad

[talent-o]

thank you, but it doesn’t work…

now this is the complete CSS code i paste on custom CSS:

@font-face {
font-family: ‘letter_gothic_l_cymedium’;
src: url(‘http://www.packagingspecialist.eu/blog/wp-content/themes/neighborhood/css/font/letter_gothic_l_cy_medium-webfont.eot’);
src: url(‘http://www.packagingspecialist.eu/blog/wp-content/themes/neighborhood/css/font/letter_gothic_l_cy_medium-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘http://www.packagingspecialist.eu/blog/wp-content/themes/neighborhood/css/font/letter_gothic_l_cy_medium-webfont.woff2’) format(‘woff2’),
url(‘http://www.packagingspecialist.eu/blog/wp-content/themes/neighborhood/css/font/letter_gothic_l_cy_medium-webfont.woff’) format(‘woff’),
url(‘http://www.packagingspecialist.eu/blog/wp-content/themes/neighborhood/css/font/letter_gothic_l_cy_medium-webfont.ttf’) format(‘truetype’),
url(‘http://www.packagingspecialist.eu/blog/wp-content/themes/neighborhood/css/font/letter_gothic_l_cy_medium-webfont.svg#letter_gothic_l_cymedium’) format(‘svg’);
font-weight: normal;
font-style: normal;

}
// BODY FONT
body, h6 {
font-family: “letter_gothic_l_cy_medium”, Arial, Helvetica, Tahoma, sans-serif;
}
// HEADINGS FONT
h1, h2, h3, h4, h5, .custom-caption p, span.dropcap1, span.dropcap2, span.dropcap3, span.dropcap4, .spb_call_text, .impact-text, .impact-text-large, .testimonial-text, .header-advert, .sf-count-asset .count-number, #base-promo, .sf-countdown, .sf-icon-character, .fancy-heading h1 {
font-family: “letter_gothic_l_cy_medium”, Arial, Helvetica, Tahoma, sans-serif;
}

[Mohammad – SUPPORT]

Hi,
Please add !important for font family css rule.
Thanks
Mohammad

[talent-o]

it’s done See below, but it doesn’t work… maybe i’ve to add the code somewhere else?

@font-face {
font-family: ‘letter_gothic_l_cymedium’;
src: url(‘http://www.packagingspecialist.eu/blog/wp-content/themes/neighborhood/css/font/letter_gothic_l_cy_medium-webfont.eot’);
src: url(‘http://www.packagingspecialist.eu/blog/wp-content/themes/neighborhood/css/font/letter_gothic_l_cy_medium-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘http://www.packagingspecialist.eu/blog/wp-content/themes/neighborhood/css/font/letter_gothic_l_cy_medium-webfont.woff2’) format(‘woff2’),
url(‘http://www.packagingspecialist.eu/blog/wp-content/themes/neighborhood/css/font/letter_gothic_l_cy_medium-webfont.woff’) format(‘woff’),
url(‘http://www.packagingspecialist.eu/blog/wp-content/themes/neighborhood/css/font/letter_gothic_l_cy_medium-webfont.ttf’) format(‘truetype’),
url(‘http://www.packagingspecialist.eu/blog/wp-content/themes/neighborhood/css/font/letter_gothic_l_cy_medium-webfont.svg#letter_gothic_l_cymedium’) format(‘svg’);
font-weight: normal;
font-style: normal;

}
// BODY FONT
body, h6 {
font-family: “letter_gothic_l_cy_medium”, Arial, Helvetica, Tahoma, sans-serif; !important}
// HEADINGS FONT
h1, h2, h3, h4, h5, .custom-caption p, span.dropcap1, span.dropcap2, span.dropcap3, span.dropcap4, .spb_call_text, .impact-text, .impact-text-large, .testimonial-text, .header-advert, .sf-count-asset .count-number, #base-promo, .sf-countdown, .sf-icon-character, .fancy-heading h1 {
font-family: “letter_gothic_l_cy_medium”, Arial, Helvetica, Tahoma, sans-serif; !important}

[Mohammad – SUPPORT]

Hi,
It seems fine to me. Font are loading perfect. Where do you want to display these fonts?
Thanks
Mohammad

[talent-o]

i want to use this font all over the theme as a default font and headings

[Mohammad – SUPPORT]

Hi,
Please change this code:-
body,h6 {
font-family: “letter_gothic_l_cy_medium”, Arial, Helvetica, Tahoma, sans-serif;!important}

h1, h2, h3, h4, h5, .custom-caption p, span.dropcap1, span.dropcap2, span.dropcap3, span.dropcap4, .spb_call_text, .impact-text, .impact-text-large, .testimonial-text, .header-advert, .sf-count-asset .count-number, #base-promo, .sf-countdown, .sf-icon-character, .fancy-heading h1 {
font-family: “letter_gothic_l_cy_medium”, Arial, Helvetica, Tahoma, sans-serif; !important}

With this code:-

body,h6 {
font-family: "letter_gothic_l_cy_medium", Arial, Helvetica, Tahoma, sans-serif !important;}

h1, h2, h3, h4, h5, .custom-caption p, span.dropcap1, span.dropcap2, span.dropcap3, span.dropcap4, .spb_call_text, .impact-text, .impact-text-large, .testimonial-text, .header-advert, .sf-count-asset .count-number, #base-promo, .sf-countdown, .sf-icon-character, .fancy-heading h1 {
font-family: "letter_gothic_l_cy_medium", Arial, Helvetica, Tahoma, sans-serif !important;}

Hope it should work now.
Thanks
Mohammad

[talent-o]

it’s done, but nothing has changed.:(

here is the copy of all the code:

@font-face {
font-family: ‘letter_gothic_l_cymedium’;
src: url(‘http://www.packagingspecialist.eu/blog/wp-content/themes/neighborhood/css/font/letter_gothic_l_cy_medium-webfont.eot’);
src: url(‘http://www.packagingspecialist.eu/blog/wp-content/themes/neighborhood/css/font/letter_gothic_l_cy_medium-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘http://www.packagingspecialist.eu/blog/wp-content/themes/neighborhood/css/font/letter_gothic_l_cy_medium-webfont.woff2’) format(‘woff2’),
url(‘http://www.packagingspecialist.eu/blog/wp-content/themes/neighborhood/css/font/letter_gothic_l_cy_medium-webfont.woff’) format(‘woff’),
url(‘http://www.packagingspecialist.eu/blog/wp-content/themes/neighborhood/css/font/letter_gothic_l_cy_medium-webfont.ttf’) format(‘truetype’),
url(‘http://www.packagingspecialist.eu/blog/wp-content/themes/neighborhood/css/font/letter_gothic_l_cy_medium-webfont.svg#letter_gothic_l_cymedium’) format(‘svg’);
font-weight: normal;
font-style: normal;

}
// BODY FONT
body,h6 {
font-family: “letter_gothic_l_cy_medium”, Arial, Helvetica, Tahoma, sans-serif !important;}

// HEADINGS FONT
h1, h2, h3, h4, h5, .custom-caption p, span.dropcap1, span.dropcap2, span.dropcap3, span.dropcap4, .spb_call_text, .impact-text, .impact-text-large, .testimonial-text, .header-advert, .sf-count-asset .count-number, #base-promo, .sf-countdown, .sf-icon-character, .fancy-heading h1 {
font-family: “letter_gothic_l_cy_medium”, Arial, Helvetica, Tahoma, sans-serif !important;}

[Mohammad – SUPPORT]

Hi,
Please provide me wordpress admin login detail. I will give demo to change the fonts.
Thanks
Mohammad

[talent-o]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,

You have wrong comment syntax for css. Like this :-

// BODY FONT
 
// HEADINGS FONT

It should be like this:-
/*BODY FONT*/
 
/*HEADINGS FONT*/

Thanks
Mohammad

[talent-o]

ok, but the font i see now on the front end now is not the one i want…

[talent-o]

i removed the css from the theme options because i don’t like the font at all (i repeat: the font that appear is not the one i uploaded). The font i need is as per attached file

anyway here is a copy of the CSS. Please keep on working on it to fix the problem. thank you

/*BODY FONT*/
body,h6 {
font-family: “letter_gothic_l_cy_medium”, Arial, Helvetica, Tahoma, sans-serif !important;}

/*HEADINGS FONT*/
h1, h2, h3, h4, h5, .custom-caption p, span.dropcap1, span.dropcap2, span.dropcap3, span.dropcap4, .spb_call_text, .impact-text, .impact-text-large, .testimonial-text, .header-advert, .sf-count-asset .count-number, #base-promo, .sf-countdown, .sf-icon-character, .fancy-heading h1 {
font-family: “letter_gothic_l_cy_medium”, Arial, Helvetica, Tahoma, sans-serif !important;}

[Rui Guerreiro – SUPPORT]

I Just forward it to Mohammad so he can reply when he comes online.
Let’s wait for the reply.

-Rui