CSS如何引用外部字體?
在CSS中可以使用font-face屬性來引用外部字體,font-face屬性可實現任何外部特殊字體的調用,例如:.ttf字體。
在新的 font-face 規則中,必須先定義字體的名稱(例如 myFirstFont),然後指向該字體檔案。
如需為HTML 元素使用字體,請透過font-family 屬性來引用字體的名稱(myFirstFont).
font-face屬性引用ttf字體範例:
範例1:
<style> @font-face { font-family: myFirstFont; src: url('aa.ttf'), url('aa.eot'); /* IE9+,可以是具体的实际链接 */ } div { font-family:myFirstFont; } </style>
範例1:
@font-face { font-family: myFirstFont; src: url('aa.ttf'), url('aa.eot'); /* IE9+ */ font-weight:bold; }
#font-face屬性對瀏覽器的支援:
Firefox、Chrome、Safari 以及Opera 支援.ttf (True Type Fonts) 和.otf (OpenType Fonts) 類型的字型。
Internet Explorer 9 支援新的 font-face 規則,但僅支援 .eot 類型的字型 (Embedded OpenType)。
以上是CSS怎麼引用外部ttf字體?的詳細內容。更多資訊請關注PHP中文網其他相關文章!