-
Posts
-
Hi Enfold support.
I have uploaded a custom font to the CSS Directory and also added the css in the custom.css file.
It looks like this:
@font-face {
font-family: ‘colaboratelightregular’;
src: url(‘http://klaiton.com/landingpage/wp-content/themes/enfold/css/ColabLig-webfont.eot’);
src: url(‘http://klaiton.com/landingpage/wp-content/themes/enfold/css/ColabLig-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘http://klaiton.com/landingpage/wp-content/themes/enfold/css/ColabLig-webfont.woff’) format(‘woff’),
url(‘http://klaiton.com/landingpage/wp-content/themes/enfold/css/ColabLig-webfont.ttf’) format(‘truetype’),
url(‘http://klaiton.com/landingpage/wp-content/themes/enfold/css/ColabLig-webfont.svg#colaboratelightregular’) format(‘svg’);
font-weight: normal;
font-style: normal;}
In ths CSS quick edit box i added the following:
body { font-family: ‘colaboratelightregular’, ‘Lucida Sans Unicode’, sans-serif }But this does not work.
Can you provide me a tutorial on how to accomplish a working custom font.My goal is to use Collaborate light for body text, and for headlines Collaborate bold.
Hey rolfroyce!
Have you followed all steps here – http://justcreative.com/2013/01/22/how-to-use-custom-fonts-with-font-face-on-wordpress/
Best regards,
YigitHi Yigit,
I am trying to get the colaborate-thinregular font to be used for the Captions on my full page slider – so far without success. I have followed all the steps here as you recommend: http://justcreative.com/2013/01/22/how-to-use-custom-fonts-with-font-face-on-wordpress/
I have also inserted this code into the Quick CSS section:
/* Headings */
h1, h2, h3, h4, h5, h6 {
font-family: ‘colaborate-thinregular’, ‘Droid Sans’, ‘Open Sans’, ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
}@font-face {
font-family: ‘colaborate-thinregular’;
src: url(‘web_fonts/colaborate_thin_macroman/ColabThi-webfont.eot’);
src: url(‘web_fonts/colaborate_thin_macroman/ColabThi-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘web_fonts/colaborate_thin_macroman/ColabThi-webfont.woff’) format(‘woff’),
url(‘web_fonts/colaborate_thin_macroman/ColabThi-webfont.ttf’) format(‘truetype’),
url(‘web_fonts/colaborate_thin_macroman/ColabThi-webfont.svg#colaborate-thinregular’) format(‘svg’);
font-weight: normal;
font-style: normal;}
.avia-caption .avia-caption-content p { font-family: ‘colaborate-thinregular’, ‘Droid Sans’, ‘Open Sans’, ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
}It would be fantastic if this font could show up in the drop down list in the Theme Settings.
Also – I seem to be able to add formatting (e.g. ‘center’ and ‘strong’ tags) to the Caption Text, but not Caption Title. Is there any way to be able to format both please?
Hi!
Please add following code to Quick CSS
h1, h2, h3, h4, h5, h6 { font-family: 'colaborate-thinregular'!important; }Cheers!
YigitThis method did not work for me at http://seriousgaming.tv.pd9hosting.com. Can you tell me what could be wrong?
Hi @DJQuad,
What font are you trying to use and what have you done so far? We might need access to the backend of your site if you can share admin login details privately. You might want to open a new thread since the original poster will be able to see your details.
Regards,
Rikard
- The topic ‘Using custom Font with Enfold’ is closed to new replies.