Add a custom font

oh and I added this to the custom CSS

‘/* Add new font Brotherhood */
h1, h2, h3, h4, h5, h6 {
font-family: ‘brotherhood’ great vibes;
}’

This was the font I uploaded to the font directory
brotherhood_script-webfont.ttf

• This reply was modified 6 years, 5 months ago by wealthyone.

As mentioned above, these are NOT a google font
( its not a google font)

and I have Version: 4.2 Enfold and do NOT see a “Custom font manager”

Would like help with Non google fonts

Have uploaded new 4.4.1 theme
will check it out and see if I can get it working with a NON google font

• This reply was modified 6 years, 5 months ago by wealthyone.

unfortunately this site is on a local dev account so can not be accessed via the net.

Is there not documented way to do this as if you do it then how can I repeat it when I want to do it again??

I managed to Uplaod the fonts..
So what code and where do I use to make this active

I have this in my Style.css
/*Headings*/
h1, h2, h3, h4, h5, h6 {
font-family: ‘wp-content/themes/enfold-child/font/brotherhood_scriptregular’;
src: url(‘wp-content/themes/enfold-child/font/brotherhood_script-webfont.woff2’) format(‘woff2’),
url(‘wp-content/themes/enfold-child/font/brotherhood_script-webfont.woff’) format(‘woff’);
font-weight: normal;
font-style: normal;
}

and in the custom CSS I have
/* Add new font Brotherhood */
h1,h2,h3,h4,h5,h6,body p { font-family: ‘brotherhood_script’ !important; }

AND I did try this code as well

h1,h2,h3,h4,h5,h6,body p { font-family: ‘brotherhood_script-webfont’ !important; }

• This reply was modified 6 years, 5 months ago by wealthyone.

Victoria This was my post so can I have the help please to get this sorted.
Seems we are both having the same problem with the same things we have tried..

• This reply was modified 6 years, 5 months ago by wealthyone.

Yes I did and still nothing

Is the code I posted correct tho?
Or is there something I am missing..

Is it documented here somewhere exactly how to install a NON google font as all I can find is Google font instructions

.

What quotes are on the start and end?
do you mean ‘ ‘
then I have taken that off in comments since then
That was my attempt to put the code in a box like yours above

So the new code is ( as I posted ) after a long discussion listed above on
July 10, 2018 at 3:51 am

So since having written that I have checked the font name and the other code in the custom CSS is still not working

For something that has many members here concerned or not sure what to do, there seems to be no info that I can find. and if what is there is not complete.

Surely if we didnt go back and forth so many times with many different Mods suggesting things that have already been answered, then this can be solved for so many members.

ok when it goes to a live host I will let you know
thanks

OK sorry for the long delay
I am now back and have added a loging for you.
could you please have a look and let me know why the font ( outside of google fonts ) is not working
the font is brotherhood and it has been uploaded to the child/font directory

code in stylesheet is

/*Headings*/
h1, h2, h3, h4, h5, h6 {
font-family: ‘https://www.petaselegantcakes.com.au/wp-content/themes/enfold-child/font/brotherhood_scriptregular’;
src: url(‘https://www.petaselegantcakes.com.au/wp-content/themes/enfold-child/font/brotherhood_script-webfont.woff2’) format(‘woff2’),
url(‘https://www.petaselegantcakes.com.au/wp-content/themes/enfold-child/font/brotherhood_script-webfont.woff’) format(‘woff’);
font-weight: normal;
font-style: normal;
}

and in Quick CSS is

/* Add new font Brotherhood */
h1,h2,h3,h4,h5,h6, body p { font-family: ‘brotherhood_script-webfont’ !important; }

I appreciate the help..
thankyou

Hi.
I saw someone ( from Enfold Support) logged into my site a day ago and wondering if you had any luck finding the error with the font.

Thanks

Dude
on a side note. I came across this great Font Resizer.
Is there any code I can use to put it in the Extra Elements Socket Bar ( top) of the enfold theme?
Thanks

I understand it is NOT theme related, but if you look at these support questions, there are many many asking for the same help and so many are just told ” go research it on the net, its out there”
If this was made available to everyone somehow in here or in the Doc’s then there would be far less questions asking what the code is etc etc.
It was only a suggestion and something that the original owners of these themes should think about

And You will notice I addressed it to Dude ( didnt know his name was Peter) ( who answered and fixed a problem I had ) and he will know the answer.
Maybe he will come back and help me with the code for that as well.

Thanks