Hey,
I would like to import a custom font into the enfold theme. The font is not a google font.
Also I wanted to have a centered menu, so I copy/pasted the following code in my quick css:
/* Split menu
----------------*/
@media only screen and (min-width:768px) {
.av-main-nav li:nth-child(2) {
margin-right:200px;
}
.av-logo-container {
position: absolute;
top: 2.5px;
left: 50%;
transform: translateX(-50%);
}
.fixed_header #main {
padding-top: 100px;
}
#header {
margin-top: 0px;
}}
This works nearly perfect, but the logo is not clickable.
Can you please help me?
I would like to import a custom font into the enfold theme. The font is not a google font.
Let me explain this deeper…
I have placed a few fonts into the directory /wp-content/fonts/minion-pro/MinionPro-Cn.otf
and wp-content/themes/enfold/minion-pro/MinionPro-Cn.otf
.
In the style.css
I added the following code:
@font-face {
font-family: MinionPro-Cn;
src: url('wp-content/themes/enfold/minion-pro/MinionPro-Cn.otf');
}
but with both directories it doesn’t work :(
Hope you can help me :)
Hi,
Please try using the Use Any Font plugin, it lists otf as a supported font.
Best regards,
Mike