HTML 中的自訂字型安裝
問:使用CSS 在字型HTML 中實作自訂字體
問:使用CSS 在字體HTML 中實作自訂>我打算將自訂字體(KG June Bug)合併到HTML 版面中。在不使用 Flash 或 PHP 的情況下,CSS 可以實現這一點嗎?
答:@font-face 用於自訂字體整合
CSS 提供了 @font-face 功能來解決這個問題需要。
在CSS 中宣告字體:
@font-face { font-family: Delicious; src: url('Delicious-Roman.otf'); } @font-face { font-family: Delicious; font-weight: bold; src: url('Delicious-Bold.otf');}
引用字體HTML 中:
<h3> font-family: Delicious, sans-serif; </h3>
具體範例如下:
<html> <head> <style> @font-face { font-family: JuneBug; src: url('JUNEBUG.TTF'); } h1 { font-family: JuneBug } </style> </head> <body> <h1>Hey, June</h1> </body> </html>
.TFF 檔案與HTML 檔案放在同一目錄中。
其他提示:您可以從網站取得字體例如 dafont.com。請記住閱讀並遵守您下載的任何字體的許可條款。
以上是CSS @font-face 可以在沒有 Flash 或 PHP 的情況下在 HTML 中嵌入自訂字體嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!