hi all,
i am trying to understand how does font face syntax work. i have font uploaded to my server. how can i use it in my css?
You use @font-face. Where did you get the font? Is it web ready? A good place to get fonts that are ready for the web is FontSquirrel, where they give you all the different font formats you need and the CSS you need to use.
i can’t find there. the one i want is valled bello-script. its on typekit but its not in ‘trail package’. what should i do?
I did a quick search and did not find it offered on other sites. You could look around and see if there are free fonts that are similar to bello. Otherwise, go with Typekit. If this is a client site, they can pay. It’s only $50 per year.
If you HAVE the font, upload it to font-squirrel’s font-face kit generator
http://www.fontsquirrel.com/fontface/generator
and it will turn it into all the formats you need with example CSS and a working demo page.
Though I would avoid using a font like bello-script on anything put the page logo due to it being effectively illegible on screen – that’s very much a ‘for print only’ font.
The web is not print… unless you’re planning on using it at 24px or larger, I wouldn’t consider that font web deployable.
Ah yes, I forgot about that … although there are legal implications around doing this with a commercial font, aren’t there?
Have you tried the free fonts at Google Web Fonts? Your best bet because they will load quickly and you only have to include the CSS file in the header, then you can go right ahead and use the font. I use Google Web Fonts on a lot of the sites we develop.
But as ralph.m mentioned, commerical fonts are not for web use. You need a separate license for that. But there are a lot of free fonts, so ideally you wouldn’t have to go the route of using a commerical font. Even Font Squirrel has a lot of free fonts you can grab from there.