Custom Font

[smartinsights]

Hey everybody,

 

how is it possible to include a custom font (like @font-face) in the Theme. I purchased a font and therefore it is not included in the google webfonts.

 

Is there a solution for this topic?

 

Regards

[Tekguild]

Yes, you can use this tool to generate the necessary @font-face files:

http://www.fontsquirrel.com/tools/webfont-generator

Then follow this info to implement it into the theme, specifically the area on Font-face:

http://codex.wordpress.org/Playing_With_Fonts

 

[Cosmin – SUPPORT]

Thank you @grokism for being so helpful 🙂

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[Swift Ideas – Ed]

@grokism – Thanks again for the help – greatly appreciated! 🙂

[smartinsights]

HEy guys,

 

thanks so far. I integrated the @font-face like this in the style.css:

@font-face {
font-family:’BariolRegular’;
src:url(‘bariol_regular-webfont.eot’);
src:url(‘bariol_regular-webfont.eot’) format(’embedded-opentype’),
url(‘bariol_regular-webfont.woff’) format(‘woff’),
url(‘bariol_regular-webfont.ttf’) format(‘truetype’);
font-weight:normal;
font-style:normal;
}

Furthermore I changed this in the style.css:
body, h1, h2, h3, h4, h5, h6 {
font-family: BariolRegular;
font-weight: 300;
}

But it is still not working. In the Developer interface of Firefox it says that the rule is overwritten by “Helvetica”, …

Where is this additional rule included? Where do I have to change it?

Regards

[smartinsights]

Ok.

I added “!important” to the rule.

Now it is working.

[Cosmin – SUPPORT]

Glad to hear that 🙂

Regards,

————————————————————————————————————

Cosmin
Support Assistant