hi there,
I have setup custom fonts and have been putting the CSS into the Theme Options Global CSS box, however is there a more efficient and reliable place to put this as sometimes it’s overridden by something else.
What is the long term recommendation for this? put in the child theme?
This is the CSS I’m using;
@import url(“http://wordpress-148426-569747.cloudwaysapps.com/wp-content/themes/pro-child/fonts/”);
@font-face {font-family: ‘FFScalaStdRegular’;src: url(‘http://wordpress-148426-569747.cloudwaysapps.com/wp-content/themes/pro-child/fonts/374ED6_0_0.eot’);src: url(‘http://wordpress-148426-569747.cloudwaysapps.com/wp-content/themes/pro-child/fonts/374ED6_0_0.eot?#iefix’) format(‘embedded-opentype’),url(‘http://wordpress-148426-569747.cloudwaysapps.com/wp-content/themes/pro-child/fonts/374ED6_0_0.woff2’) format(‘woff2’),url(‘http://wordpress-148426-569747.cloudwaysapps.com/wp-content/themes/pro-child/fonts/374ED6_0_0.woff’) format(‘woff’),url(‘http://wordpress-148426-569747.cloudwaysapps.com/wp-content/themes/pro-child/fonts/374ED6_0_0.ttf’) format(‘truetype’);}
@font-face {font-family: ‘FFScalaStdBold’;src: url(‘http://wordpress-148426-569747.cloudwaysapps.com/wp-content/themes/pro-child/fonts/374ED6_1_0.eot’);src: url(‘http://wordpress-148426-569747.cloudwaysapps.com/wp-content/themes/pro-child/fonts/374ED6_1_0.eot?#iefix’) format(‘embedded-opentype’),url(‘http://wordpress-148426-569747.cloudwaysapps.com/wp-content/themes/pro-child/fonts/374ED6_1_0.woff2’) format(‘woff2’),url(‘http://wordpress-148426-569747.cloudwaysapps.com/wp-content/themes/pro-child/fonts/374ED6_1_0.woff’) format(‘woff’),url(‘http://wordpress-148426-569747.cloudwaysapps.com/wp-content/themes/pro-child/fonts/374ED6_1_0.ttf’) format(‘truetype’);}
@font-face {font-family: ‘FFDINWebProLight’;src: url(‘http://wordpress-148426-569747.cloudwaysapps.com/wp-content/themes/pro-child/fonts/374ED6_2_0.eot’);src: url(‘http://wordpress-148426-569747.cloudwaysapps.com/wp-content/themes/pro-child/fonts/374ED6_2_0.eot?#iefix’) format(‘embedded-opentype’),url(‘http://wordpress-148426-569747.cloudwaysapps.com/wp-content/themes/pro-child/fonts/374ED6_2_0.woff2’) format(‘woff2’),url(‘http://wordpress-148426-569747.cloudwaysapps.com/wp-content/themes/pro-child/fonts/374ED6_2_0.woff’) format(‘woff’),url(‘http://wordpress-148426-569747.cloudwaysapps.com/wp-content/themes/pro-child/fonts/374ED6_2_0.ttf’) format(‘truetype’);}
@font-face {font-family: ‘FFDINWebProRegular’;src: url(‘http://wordpress-148426-569747.cloudwaysapps.com/wp-content/themes/pro-child/fonts/374ED6_3_0.eot’);src: url(‘http://wordpress-148426-569747.cloudwaysapps.com/wp-content/themes/pro-child/fonts/374ED6_3_0.eot?#iefix’) format(‘embedded-opentype’),url(‘http://wordpress-148426-569747.cloudwaysapps.com/wp-content/themes/pro-child/fonts/374ED6_3_0.woff2’) format(‘woff2’),url(‘http://wordpress-148426-569747.cloudwaysapps.com/wp-content/themes/pro-child/fonts/374ED6_3_0.woff’) format(‘woff’),url(‘http://wordpress-148426-569747.cloudwaysapps.com/wp-content/themes/pro-child/fonts/374ED6_3_0.ttf’) format(‘truetype’);}
body {
font-family: “FFScalaStdRegular”, Georgia, Times, serif;
}
h1 {
font-family: “FFScalaStdRegular”, Georgia, Times, serif;
}
h2 {
font-family: “FFScalaStdRegular”, Georgia, Times, serif;
}
h3 {
font-family: “FFDINWebProLight”, Helvetica, sans-serif;
line-height: 2;
}
h4 {
font-family: “FFScalaStdBold”, Georgia, Times, serif;
}
h5 {
font-family: “FFScalaStdRegular”, Georgia, Times, serif;
}
h6 {
font-family: “FFDINWebProLight”, Helvetica, sans-serif;
}
p {
font-family: “FFScalaStdRegular”, Georgia, Times, serif;
}