By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,377 Members | 1,688 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,377 IT Pros & Developers. It's quick & easy.

font family and size

KeredDrahcir
100+
P: 426
I'm trying to use a non web safe font on my website so as a backup if users don't have that font, I've got the closest match web safe font as the second option in the font family.
The font I'm using is quite a small font and the web safe backup is larger so if the screen reverts to the web safe font, it screws up my layout. Is there a way to set a separate size to each option in the font family or something like that?

I'm willing to use JavaScript if I need to.
Sep 12 '12 #1
Share this Question
Share on Google+
11 Replies


gits
Expert Mod 5K+
P: 5,390
you might try the CSS3′s @font-face. for a start you might have a look at: http://codechirps.com/how-to-safely-...eb-safe-fonts/
Sep 13 '12 #2

KeredDrahcir
100+
P: 426
I tried that out and it stopped useing the font I wanted even on computers that had the font installed. The site you suggested is the one I went to.
If you know any other site that shows how to do it, I may be able to sort it out.
Sep 14 '12 #3

ariful alam
100+
P: 185
Have a look @ Adjust font-size section in http://www.miltonbayer.com/font-face/

Hope, helps :)
Sep 15 '12 #4

KeredDrahcir
100+
P: 426
That looks good. I'll give it a try. That site also might get me up and running with @font-face. I'll let you know how I get on.
Sep 17 '12 #5

gits
Expert Mod 5K+
P: 5,390
the main point with @font-face is to have the font-kit which requires the license to distribute the font. here are some http://www.fontsquirrel.com/fontface
Sep 17 '12 #6

KeredDrahcir
100+
P: 426
I'm hoping to use is Balthazar which appears to be freeware. Do you know if this is right and if so am I able to use it?
Sep 18 '12 #7

gits
Expert Mod 5K+
P: 5,390
i dont know anything regarding the license - but u may start to crawl the web for it from here: http://www.google.com/webfonts/specimen/Balthazar - there is even a name of an author of the font that might help to get more information
Sep 19 '12 #8

KeredDrahcir
100+
P: 426
I'll have a look. I should be able to use something that's freeware shouldn't I?
Sep 19 '12 #9

gits
Expert Mod 5K+
P: 5,390
it all depends on the license
Sep 19 '12 #10

Fary4u
100+
P: 273
here is the code which help to solve this problem. save this font file into you web directory then you don't have any problem.
Expand|Select|Wrap|Line Numbers
  1. @font-face {
  2.     font-family: Candara;
  3.     src: url("candara.ttf"); 
  4.     format("truetype");
  5.     font-size: 17px;
  6.     word-spacing: -1px;
  7. }
  8.  
Sep 27 '12 #11

KeredDrahcir
100+
P: 426
Thanks. I've managed to get it working. It's really just the license that concerns me. I've found a lot of freeware fonts but usually the licence isn't with them.
Sep 28 '12 #12

Post your reply

Sign in to post your reply or Sign up for a free account.