Tagged: CSS, custom font, font
-
AuthorPosts
-
June 9, 2015 at 2:49 pm #456735
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.
June 9, 2015 at 3:50 pm #456771Hey 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,
YigitFebruary 13, 2016 at 9:46 am #582649Hi 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?
- This reply was modified 8 years, 8 months ago by sf007.
February 16, 2016 at 11:14 am #584059Hi!
Please add following code to Quick CSS
h1, h2, h3, h4, h5, h6 { font-family: 'colaborate-thinregular'!important; }
Cheers!
YigitFebruary 22, 2016 at 7:46 pm #587417This method did not work for me at http://seriousgaming.tv.pd9hosting.com. Can you tell me what could be wrong?
February 24, 2016 at 4:57 am #588111Hi @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,
RikardFebruary 24, 2016 at 6:52 pm #588582I’ll open a new ticket. Thanks.
February 26, 2016 at 9:59 am #589618Hey!
Great! we will close this ticket and reply to you on the new one.
Best regards,
Vinay Kashyap -
AuthorPosts
- The topic ‘Using custom Font with Enfold’ is closed to new replies.