Custom hosted font with the child theme: Instructions

Hi, Devin:

Before I posted, I had read a lot about fontface. Now I’ve read the links that you propose too. I’ve tried to run fontface and it doesn’t work for me. My previous doubts remains.

1- Where Do I have to put the /font folder? I’ve created a folder in child theme: “/public_html/wp-content/themes/enfold-child/font”. Should I move the font folder to other place?

2- How Do I have to write the url path? Starting with “/font”? Starting with “..”? Starting with “http://”?

Thanks!

Regards.

Sorry to bother you.

I looked “How do I use fontface” but I thought that I only would have to use this kind of path if I want to point to a external hosted font, like google fonts.

I want to host the font in my hosting service and put it in the child theme for avoiding loss in future theme updates. So I put the /font folder in /enfold-child folder using filezilla. So:

wp-content/themes/enfold-child/font/ (herein I put the font in different formats)

Is it wrong? Do you recommend me other path?

Then, I went to WP appearance > editor of Enfold-child and edited the style.css with this snippets:

/*

Theme Name: Enfold Child

Description: A Child Theme for [mysite]. An easy way for doing a lot of file modifications and have no problems with the updates.

Version: 2.0

Author: Victoria

Author URI: http://kriesi.at

Template: enfold

*/

/*Add your own styles here:

*/

@import url(“../enfold/style.css”);

@font-face {

font-family: ‘freesans’;

src: url(‘

http://[mysite].org/wp-content/themes/enfold-child/font/freesans.eot’); /* IE9 Compat Modes */

src: url(‘

http://[mysite].org/wp-content/themes/enfold-child/font/freesans.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */

url(‘

http://[mysite].org/wp-content/themes/enfold-child/font/freesans.woff’) format(‘woff’), /* Modern Browsers */

url(‘

http://[mysite].org/wp-content/themes/enfold-child/font/freesans.ttf’) format(‘truetype’), /* Safari, Android, iOS */

url(‘

http://[mysite].org/wp-content/themes/enfold-child/font/freesans.svg#freesans’) format(‘svg’); /* Legacy iOS */

}

h1, h2, h3, h4, h5, h6, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox {

font-family: ‘freesans’, ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;

}

I tried [mysite] with and without the previous 3w [www.]

It’s still not working :(

What is wrong?

Thanks again.

You don’t help me. What you say is what I read one and another time: generic explanations. No needs a support forum for finding this kind of answer.

I asked some specific questions in order to solve this trouble but you didn’t answer these questions.

If I try with

@font-face {

font-family: DeliciousRoman;

src: url(http://www.font-face.com/fonts/delicious/Delicious-Roman.otf);

font-weight:400;

}

I will be calling to font-face.com site and I dont want to do that. What I don’t know is how to point to my hosted fonts and I wrote the snnipets employed waiting get corrections.

Before I purchase the enfold theme, Kriesi says that his team would take care of me with this and other questions that I asked him and all I recieve until now is a pair of generic links, not a really specific answer for my needs. So, should I ask him in themeforest site about my font-face problems?

Hi!

Sorry for the delay. I’m very busy.

The font is “free sans”. It’s very similar to helvetica. No problem about sharing the name of the font, it’s shown in my second-to-last post: freesans.eot, etc.

Could someone says me if the css code previously posted has any errors?

Thanks.

Regards!

Working!

Thank you very much.