I fixed this myself! First, you need to upload the font file in a folder on your server (I believe it doesn’t matter which folder exactly) Here is the code I used to install a font:
@font-face {
font-family: 'whatever you want the font to be called';
src: url( 'the URL of the font e.g. where you uploaded it. ) format('truetype');
font-weight: normal;
}
After you do this, you can use css to boot the font you installed on whatever element you want by using the name you put in font-family.
So, after installing the font with the code I gave, if you want to change the font in the header menu you do this:
selector of the header {
font-family: ‘the name you used when installing the font’;
}
So, here how it all looked for me with both codes:
@font-face {
font-family: 'Appetite-Italic';
src: url('https://haha.bg/wp-content/themes/haha-bg-child-theme/fonts/appetite/appetite.ttf') format('truetype');
font-weight: normal;
}
to install the font. And then…
body > div.header-image-container > div > h2 {
font-family: 'Appetite-Italic'
}
!!NB!! When putting the font file(s) in your database it needs to be either .ttf or .otf
Make sure the name of the file is with small letters only. This is why my code didn’t run initially.
