Tagged: @font-face, custom fonts
Hello,
So I’ve looked around the forum quite a bit, and I still can’t seem to come up with a solution. I’m trying to add a custom font to my website, it’s called “078MKMC_.ttf”, and my website is http://www.brooklynhouserestaurant.com
I created a folder called “fonts” with my .ttf file, uploaded it to the server, edited custom.css to include:
@font-face {
font-family: ‘078MKMC_’;
src: local url(‘fonts/078MKMC_.TTF’), local(‘078MKMC_’), url(‘http://www.brooklynhouserestaurant.com/wp-content/themes/enfold/css/fonts/078MKMC_.TTF’) format(‘truetype’);
}
h1, h2, h3, h4, h5, h6, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox {
font-family: “078MKMC_” !important;
}
Nothing happens. I’ve set Enfold > Styling > to no custom font, nothing seems to change. I plan on using this font for the menu and all the content, am I missing something here? I’ve also tried adding this to the QuickCSS, nothing happens.
I also tried a plugin that was supposed to upload fonts for me, “WordPress Font Uploader Free”, and that didn’t make any difference either.
Any suggestions?
Thank you!
Can anyone help with this?
Hey!
Try to generate a font face kit here: http://www.fontsquirrel.com/tools/webfont-generator – the generator will generate the right css code and font files for you.
Best regards,
Peter