• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 487
  • Last Modified:

google chorme font

Hey guys i used face font to convert a font but it does not look right in chorme, why and how can i make it look compressed?

website

 
@font-face 
{
	font-family: 'HelveticaNeue-Light';
	src: url('../fonts/HelveticaNeue-Light/HelveticaNeue-Light.eot');
	src: local('¿'), url('../fonts/HelveticaNeue-Light/HelveticaNeue-Light.woff') format('woff'), url('../fonts/HelveticaNeue-Light/HelveticaNeue-Light.ttf') format('truetype'), url('../fonts/HelveticaNeue-Light/HelveticaNeue-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

Open in new window

0
JCWEBHOST
Asked:
JCWEBHOST
  • 4
  • 3
2 Solutions
 
raja_ind82Commented:
Chrome 4 now supports @font-face by default
http://randsco.com/index.php/2009/07/04/p680

The format has been supported by Firefox since version 3.6, and by Google Chrome since version 5.0.
http://www.smashingmagazine.com/2011/03/02/the-font-face-rule-revisited-and-useful-tricks/
0
 
JCWEBHOSTAuthor Commented:
please explain what i am doing worng?
0
 
JustAndreiCommented:
font-family: 'HelveticaNeue-Light';
src: url('../fonts/HelveticaNeue-Light/HelveticaNeue-Light.eot');
...

You don't need these quotes ''.
0
Cloud Class® Course: Ruby Fundamentals

This course will introduce you to Ruby, as well as teach you about classes, methods, variables, data structures, loops, enumerable methods, and finishing touches.

 
JCWEBHOSTAuthor Commented:
what quotes must use?
0
 
JustAndreiCommented:
No quotes at all, like this:

font-family: HelveticaNeue-Light;
src: url(../fonts/HelveticaNeue-Light/HelveticaNeue-Light.eot);
...

Open in new window

0
 
JCWEBHOSTAuthor Commented:
for all of them like this?

@font-face
{
      font-family: centurygothic;
      src: url(../fonts/centurygothic/century_gothic.eot);
      src: local('¿'), url(../fonts/centurygothic/century_gothic.woff) format('woff'), url(../fonts/centurygothic/century_gothic.ttf) format('truetype'), url(../fonts/centurygothic/century_gothic.svg) format('svg');
      font-weight: normal;
      font-style: normal;
}
0
 
JustAndreiCommented:
Yes
0
 
JCWEBHOSTAuthor Commented:
Thanks
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: Python 3 Fundamentals

This course will teach participants about installing and configuring Python, syntax, importing, statements, types, strings, booleans, files, lists, tuples, comprehensions, functions, and classes.

  • 4
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now