Question

Posted

If you go to the main website, the @font-face is working fine on all browsers but when I go into the blog which is WordPress then my @font-face does not work in IE but works in Chrome and Firefox. Does anyone know why it does not work?

[url="http://romabio.com/"]http://romabio.com/[/url] <--- Main Site

[url="http://romabio.com/newsstand/"]http://romabio.com/newsstand/[/url] <--- Blog WordPress

[CODE]
<div class="post">

<div class="datebg">
<div class="month"><?php the_time('M'); ?></div><div class="day"><?php the_time('d'); ?></div>
<img src="http://www.romabio.com/newsstand/wp-content/themes/RomaUSA/images/blog-date.png" alt="" title="" />
</div>

<div class="preview-image">
<em><?php the_post_thumbnail( array(620,295) ); ?></em>
<p>If you see this message then the image didn't load or was not found. <br />
Content the webmaster to fix the problem. <a href="mailto:info@romabio.com">info@romabio.com</a></p>
</div>

<h4><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h4>

<div class="entry">
<?php the_content('Continue Reading &uarr;'); ?>
</div>
</div>
[/CODE]

[CODE]






@font-face {
font-family: 'Bold';
src: url('fonts/bold-webfont.eot');
src: url('fonts/bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/bold-webfont.woff') format('woff'),
url('fonts/bold-webfont.ttf') format('truetype'),
url('fonts/bold-webfont.svg#Bold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Book';
src: url('fonts/book-webfont.eot');
src: url('fonts/book-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/book-webfont.woff') format('woff'),
url('fonts/book-webfont.ttf') format('truetype'),
url('fonts/book-webfont.svg#Book') format('svg');
font-weight: normal;
font-style: normal;
}

[/CODE]

Share this post


Link to post
Share on other sites

7 answers to this question

  • 0

Posted

Hmm, annoyingly I had the same problem but cannot think what it was!

Did you use font squirrel? If so literally copy everything they did for the CSS, evne the /* Gener...................

See if the problem still happens

Share this post


Link to post
Share on other sites
  • 0

Posted

[quote name='Dan~' timestamp='1352715812' post='595313550']
Hmm, annoyingly I had the same problem but cannot think what it was!

Did you use font squirrel? If so literally copy everything they did for the CSS, evne the /* Gener...................

See if the problem still happens
[/quote]

I use the font squirrel gen code. I try to use a direct link to the font but then Firefox does not work. This is driving me crazy. It works if I use the CV in IE but I don't want it to do that. NON WordPress works fine. I'm testing it on IE10.

Share this post


Link to post
Share on other sites
  • 0

Posted

[quote name='ACTIONpack' timestamp='1352744397' post='595314302']
I use the font squirrel gen code. I try to use a direct link to the font but then Firefox does not work. This is driving me crazy. It works if I use the CV in IE but I don't want it to do that. NON WordPress works fine. I'm testing it on IE10.
[/quote]

This is annoying me, as well. What do you mean by CV?

I'm thinking there's something wrong with the font file itself.

Share this post


Link to post
Share on other sites
  • 0

Posted

[quote name='threetonesun' timestamp='1352747180' post='595314388']
This is annoying me, as well. What do you mean by CV?

I'm thinking there's something wrong with the font file itself.
[/quote]


[b] [size=4][url="http://windows.microsoft.com/en-US/windows7/How-to-use-Compatibility-View-in-Internet-Explorer-9"][i]Compatibility View[/i][/url][/size][/b]

Share this post


Link to post
Share on other sites
  • 0

Posted

Ah, for what it's worth, it doesn't work in IE8. Also the left column drops too low.

See here for some suggestions to try: http://stackoverflow.com/questions/12449512/why-does-one-of-these-font-face-render-in-ie8-but-the-others-dont/12459447#12459447

I'm thinking it might be a naming issue.

Share this post


Link to post
Share on other sites
  • 0

Posted

which to this but it does not work :-(

[CODE]
@font-face {
font-family: 'Bold';
src: url('fonts/bold-webfont.eot');
src: local('?'), url('fonts/bold-webfont.woff') format('woff'),
url('fonts/bold-webfont.ttf') format('truetype'),
url('fonts/bold-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Book';
src: url('fonts/book-webfont.eot');
src: local('?'), url('fonts/book-webfont.woff') format('woff'),
url('fonts/book-webfont.ttf') format('truetype'),
url('fonts/book-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
[/CODE]

Share this post


Link to post
Share on other sites
  • 0

Posted

Try this, make your font location absolute rather than relative.

[color="#006666"]@font[/color][color="#666600"]-[/color][color="#000000"]face [/color][color="#666600"]{[/color]
[color="#000000"] font[/color][color="#666600"]-[/color][color="#000000"]family[/color][color="#666600"]:[/color] [color="#008800"]'Bold'[/color][color="#666600"];[/color]
[color="#000000"]src[/color][color="#666600"]:[/color][color="#000000"] url[/color][color="#666600"]([/color][color="#008800"]'/fonts/bold-webfont.eot'[/color][color="#666600"]);[/color]
[color="#000000"]src[/color][color="#666600"]:[/color] [color="#000088"]local[/color][color="#666600"]([/color][color="#008800"]'?'[/color][color="#666600"]),[/color][color="#000000"] url[/color][color="#666600"]([/color][color="#008800"]'/fonts/bold-webfont.woff'[/color][color="#666600"])[/color][color="#000000"] format[/color][color="#666600"]([/color][color="#008800"]'woff'[/color][color="#666600"]),[/color]
[color="#000000"] url[/color][color="#666600"]([/color][color="#008800"]'/fonts/bold-webfont.ttf'[/color][color="#666600"])[/color][color="#000000"] format[/color][color="#666600"]([/color][color="#008800"]'truetype'[/color][color="#666600"]),[/color]
[color="#000000"] url[/color][color="#666600"]([/color][color="#008800"]'/fonts/bold-webfont.svg'[/color][color="#666600"])[/color][color="#000000"] format[/color][color="#666600"]([/color][color="#008800"]'svg'[/color][color="#666600"]);[/color]
[color="#000000"]font[/color][color="#666600"]-[/color][color="#000000"]weight[/color][color="#666600"]:[/color][color="#000000"] normal[/color][color="#666600"];[/color]
[color="#000000"]font[/color][color="#666600"]-[/color][color="#000000"]style[/color][color="#666600"]:[/color][color="#000000"] normal[/color][color="#666600"];[/color]
[color="#666600"]}[/color]
[color="#006666"]@font[/color][color="#666600"]-[/color][color="#000000"]face [/color][color="#666600"]{[/color]
[color="#000000"]font[/color][color="#666600"]-[/color][color="#000000"]family[/color][color="#666600"]:[/color] [color="#008800"]'Book'[/color][color="#666600"];[/color]
[color="#000000"]src[/color][color="#666600"]:[/color][color="#000000"] url[/color][color="#666600"]([/color][color="#008800"]'/fonts/book-webfont.eot'[/color][color="#666600"]);[/color]
[color="#000000"]src[/color][color="#666600"]:[/color] [color="#000088"]local[/color][color="#666600"]([/color][color="#008800"]'?'[/color][color="#666600"]),[/color][color="#000000"] url[/color][color="#666600"]([/color][color="#008800"]'/fonts/book-webfont.woff'[/color][color="#666600"])[/color][color="#000000"] format[/color][color="#666600"]([/color][color="#008800"]'woff'[/color][color="#666600"]),[/color]
[color="#000000"] url[/color][color="#666600"]([/color][color="#008800"]'/fonts/book-webfont.ttf'[/color][color="#666600"])[/color][color="#000000"] format[/color][color="#666600"]([/color][color="#008800"]'truetype'[/color][color="#666600"]),[/color]
[color="#000000"] url[/color][color="#666600"]([/color][color="#008800"]'/fonts/book-webfont.svg'[/color][color="#666600"])[/color][color="#000000"] format[/color][color="#666600"]([/color][color="#008800"]'svg'[/color][color="#666600"]);[/color]
[color="#000000"]font[/color][color="#666600"]-[/color][color="#000000"]weight[/color][color="#666600"]:[/color][color="#000000"] normal[/color][color="#666600"];[/color]
[color="#000000"]font[/color][color="#666600"]-[/color][color="#000000"]style[/color][color="#666600"]:[/color][color="#000000"] normal[/color][color="#666600"];[/color]
[color="#666600"]}[/color]

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.