Anúncio de slu.dip

Fórum

 

8 posts

Font not appearing as it should

13/03/2015 às 11:43

Hello

In the 'New Cycle' font in the two table headers here:

http://www.bayingwolf.com/prices1.asp

the font looks of poor quality (in IE and Chrome and, for some reason, are left-aligned in Safari on Windows instead of centred).

The same applies to the final line of text links at the bottom of the page - the letter 'e' seems to drop.

I have uploaded the 'Regular' and 'Bold' fonts to my server and this is what I have in my style-sheet:

@font-face {
font-family: News Cycle;
src: url('../fonts/NewsCycle-Regular.eot');
src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf');
}

@font-face {
font-family: 'News Cycle';
src: url('../fonts/NewsCycle-Bold.eot'), url('../fonts/NewsCycle-Bold.ttf') format('truetype'), url('../fonts/NewsCycle- Bold.svg') format('svg');
font-weight: bold;
font-style: bold;
}

I think they are coded correctly, aren't they?

Thanks!


13/03/2015 às 15:45

I think it's a problem of coding, not a problem of font.


13/03/2015 às 16:40

I have used this coding now

@font-face{
font-family: 'News Cycle';
src: url('News Cycle.eot');
src: url('News Cycle.eot?#iefix') format('embedded-opentype'),
url('News Cycle.woff') format('woff'),
url('News Cycle.ttf') format('truetype'),
url('News Cycle.svg#News Cycle') format('svg');
}

and it looks better now, thanks!


13/03/2015 às 20:31

SteveHi disse  
I have used this coding now

@font-face{
font-family: 'News Cycle';
src: url('News Cycle.eot');
src: url('News Cycle.eot?#iefix') format('embedded-opentype'),
url('News Cycle.woff') format('woff'),
url('News Cycle.ttf') format('truetype'),
url('News Cycle.svg#News Cycle') format('svg');
}

and it looks better now, thanks!

Maybe, but is not what you wanted as you have lost your News Cycle which worked with News Cycle-Regular and -Bold.
You now have a weird mix of Arial, Verdana and Trebucht.



13/03/2015 às 21:27

The table headers font is now 'News Cycle' and bold which is what I wanted.

Thanks


13/03/2015 às 21:59

Nope. The page is still as I showed. Try to see the hint I gave you, that is the cracker. You could have easily solved your problem by adding the webfont IE can not live without


13/03/2015 às 22:25

From Firefox debugger:
downloadable font: download failed (font-family: "News Cycle" style:normal weight:normal stretch:normal src index:2): status=2147746065 source: http://www.bayingwolf.com/css/News%20Cycle.ttf

Try to use absolute path, like
url(http://hereyoursite.com/fonts/fontname.woff) format('woff')

Remove spaces from font name.

Editado em 13/03/2015 às 22:27 por gluk


13/03/2015 às 22:40

OK, thanks for your help.



Todos os horários são CEST. Agora são 15:21


 
Política de Privacidade  -  Contato