CSS3 ??
CSS3 ??
? ?????? CSS? ?? ?? ??? ???? ??? ??? ? ????. ??? ??? ??? ???? ???? ???? ??? ? ??? ??? ???? ???? ??? ???? ??? ??? ?? ????. ?? ?? ?? ?????? ?? ???? ??? ???? ?? ?? ? ? ??? ??? ??? ????? ??? ???? ???? ???? ?? ?? ??? ???? ??? ? ????. ??? ???? @font-face ?? ??? ???????. ??.
@font-face? CSS3? ??? ????? ??? ?? ???? ????. ???? CSS2? ?? ? ??? ???? ??? Internet Explorer? ?? ?? 5?? ?? ????? IE? ?? eot(Embeded Open ??) ?? ????, ?? ??????? ? ??? ???? ????. @font-face? ?? ??? ?????:
font-family: ???? ?? ??? ?????.
?? ???: ??? ???? ?????.
Font-variant: ???? ????? ????? ?????.
?? ??: ???? ??? ?????.
Font-stretch: ???? ??? ??? ??? ?????.
Font-size: ??? ?? ??? ?????.
src: ??? ?? ??? ?? ?? ?? ?? ??? ?????.
??? ?? ??
??? @font-face ????? ?? ?? ??(?: myFirstFont)? ??? ?? ?? ??? ???? ???.
?: URL?? ??? ??? ?????. IE??? ???? ???? ??? ?? ??? ?????.
HTML ??? ??? ???? ?? ?? ?? ??? ??? ?? ??? ?????. ??(myFirstFont):
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<style>
@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf')
,url('Sansation_Light.eot'); /* IE9 */
}
div
{
font-family:myFirstFont;
}
</style>
</head>
<body>
<p><b>注意:</b> Internet Explorer 9 只支持 .eot 格式的字體.</p>
<div>
使用CSS3,網(wǎng)站終于可以使用字體以外的預(yù)先選擇“合法”字體
</div>
</body>
</html>???? ???? ???? ? ?? ?? ???? ?????. ???? @font-face ??? ??? sIFR, Cufon, Typeface.js? ????. , etc. ? .webfont ??? ??? .webfont?? ??? ??? ??? ?? ???? ????. ????? ?? ??? ?? ??? ??? ?????? ????? ??? ??? ? ????. ?? Typekit? ??? ?? ?? ??? ??? ???? ?? ??? ?? ??????. ??? ???? ??? ??? ??? ??? ???????.
