/    Sign up×
Community /Pin to ProfileBookmark

Embedding fonts

Copy linkTweet thisAlerts:
Jan 27.2012

I have tried embedding several fonts in my website. and although they do work, the quality of them is terrible and I dont understand why. They work perfectly in photoshop etc. Any ideas? Im really stuck ?

to post a comment
CSS

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@rtretheweyJan 28.2012 — It's tough to help without seeing the actual code. Does the page render normally on your system, but looks bad on the server?
Copy linkTweet thisAlerts:
@RoorooauthorJan 28.2012 — It's tough to help without seeing the actual code. Does the page render normally on your system, but looks bad on the server?[/QUOTE]

@font-face {

font-family: 'CODE-LIGHT';

font-weight: normal;

src: url('fonts/CODE-LIGHT.OTF');

}

Yes, it just looks bad on the server.
Copy linkTweet thisAlerts:
@RoorooauthorJan 28.2012 — Uh I answered wrong ^. It doesnt render properly on both.
Copy linkTweet thisAlerts:
@rtretheweyJan 28.2012 — Then you may have the wrong path in the 'src' parameter. Remember that in stylesheets, relative URIs are calculated from the folder where the stylesheet resides. Keep in mind that Internet Explorer doesn't support .otf fonts (at least not directly) so you'll want to have a fallback font selection. Good luck!
Copy linkTweet thisAlerts:
@Trips_LeftJan 29.2012 — Also looks as though you aren't embedding enough to fully be cross browser compliant see below for an example:

[CODE]
@font-face {
font-family: 'ArialRoundedMTBold';
src: url('fonts/arlrdbd.eot');
src: url('fonts/arlrdbd.eot?#iefix') format('embedded-opentype'),
url('fonts/arlrdbd.woff') format('woff'),
url('fonts/arlrdbd.ttf') format('truetype'),
url('fonts/arlrdbd.svg#arlrdbd') format('svg');
font-weight: normal;
font-style: normal;
}
[/CODE]
×

Success!

Help @Rooroo spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.28,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...