@font-faceª©¥»¡GCSS2¡@ Ý®e©Ê¡GIE4+
»yªk¡G
@font-face { font-family : name ; src : url ( url ) ; sRules }
¨úÈ¡G
name | :’ | ¦rÅé¦WºÙ¡C¥ô¦ó¥i¯àªº font-family ÄݩʪºÈ |
url ( url ) | :’ | ¨Ï¥Îµ´¹ï©Î¬Û¹ï url ¦a§}«ü©wOpenType¦rÅé¤å¥ó |
sRules | :’ | ¼Ë¦¡ªí©w¸q |
»¡©ú¡G
³]¸m´O¤JHTML¤åÀɪº¦rÅé¡C¦¹³W«hµLÀq»{È¡C
¦¹³W«h¨Ï§A¯à°÷¦bºô¶¤W¨Ï¥Î«È¤áºÝ¥»¦a¨t²Î¤W¥i¯à¨S¦³ªº¦rÅé¡C url ¦a§}¥²¶·«ü¦V OpenType ¦rÅé¤å¥ó(.eot©Î.ote)¡C¦¹¤å¥ó¥]§t¥i¥HÂà´«¬° TrueType ¦rÅ骺À£ÁY¦rÅé¼Æ¾Ú¡A¥i¥H¥Î¨Ó´£¨ÑHTML¤åÀɨϥθӦrÅé¡A©Î¨ú¥N«È¤áºÝ¨t²Î¤w¦³ªº¦P¦W¦rÅé¡C¦¹¤å¥ó¥i¥H¨Ï¥Î Microsoft WEFT ¤u¨ã»s§@¡C
¥Ü¨Ò¡G
@font-face { font-family:comic;src:url(http://valid_url/some_font_file.eot); }
@font-face { font-family: dreamy; font-weight: bold; src: url(http://www.example.com/font.eot); }